Federal Blood Wave
Team project — I contributed frontend updates (UI improvements, animations, multilingual i18next support) to a blood donor matching platform.
Overview
Federal Blood Wave is a team project — a blood donor matching platform that I contributed to as a frontend developer. My work focused on improving the existing UI, adding smooth Framer Motion animations, and implementing multilingual support via i18next (with browser language detection).
The platform is live on Vercel (client) and Render (server). It's intentionally kept visible in my portfolio as an early team collaboration milestone — the iteration where I learned how to work in a shared codebase, contribute via feature branches, and integrate frontend changes with an existing backend.
This project taught me the fundamentals of working in a team: how to read and extend someone else's code, how to coordinate via version control, and how to ship features incrementally without breaking the main branch.
Highlights
- 01Team project — I contributed frontend updates to an existing blood donor matching platform.
- 02Implemented multilingual support via i18next with browser language detection.
- 03Improved UI consistency and added Framer Motion animations for smoother interactions.
- 04Live deployment on Vercel (client) + Render (server) — my first experience shipping to free hosting tiers.
Key Features
- Multilingual support via i18next with browser language detection
- Blood donor matching with location filtering
- Donor registration and profile management
- Contact and request forms
- Responsive design with Framer Motion animations
- Live deployment on Vercel (client) + Render (server)
Challenges Faced
Future Improvements & Plans
- Rewrite the frontend in TypeScript with proper types throughout.
- Add authentication and donor verification.
- Implement real-time notifications for blood requests via Socket.io.
- Add a map-based donor discovery interface.
- Migrate to Next.js with App Router for better SEO.
Interested in this project?
Check out the code, try the live demo, or get in touch to discuss similar work.