Inspiration
I’ve always wanted to build something meaningful that could help people in real-life situations. During emergencies, finding a blood donor can be stressful and time-sensitive. That inspired me to create the Blood Donation Portal, a simple web platform designed to make connecting donors and recipients faster and more organized.
What it does
The Blood Donation Portal allows users to register as either donors or recipients. Donors can list their basic information and blood type, while recipients can search and filter for compatible donors. Although it’s not publicly launched yet, the project demonstrates how such a system could function to make blood donation more accessible.
How I built it
I built the project using HTML, CSS, JavaScript, and Bootstrap. HTML provides the structure, CSS and Bootstrap handle layout and responsiveness, and JavaScript adds interactivity — including form handling and basic dynamic updates. Everything was coded from scratch to practice core front-end development skills.
Challenges I ran into
Since this was an individual project, managing both design and functionality took time. Making the site responsive on all devices and validating forms correctly were key challenges. I also had to carefully plan the structure for future backend integration, even though the project currently runs only on the front end.
Accomplishments that I'm proud of
I’m proud that I turned a real-world idea into a working front-end prototype. It helped me practice designing a clean UI, writing organized JavaScript, and building something that could one day help others.
What I learned
I learned how to build a complete front-end project using pure web technologies without frameworks. I also gained experience with responsive design, Bootstrap components, and improving code structure for scalability.
What's next for Blood Donation Portal
I plan to connect it to a backend database and implement user authentication so donors and recipients can register and log in securely. I also want to add real-time donor search, location tracking, and eventually host the platform online so it can be used by real users.
Log in or sign up for Devpost to join the conversation.