organ donation application

Inspired Me I’ve always been moved by stories of people who wait anxiously for organs. I wanted to build something that could demystify the process and encourage more awareness and registration—so I made a user‑friendly platform to streamline understanding and donation.## Inspiration

I Learned Frontend frameworks: I sharpened my skills in React/Vue/Vanilla JS (whichever you used), using components for modularity.

State & form handling: I tackled validation, dynamic input, and responsive feedback to guide users through registration.

API integration: I learned how to fetch and post data (real or mock) for donor info, registries, or educational content.

UX design principles: I practiced clarity, clean layout, and accessibility to make organ donation information easy to grasp.

I Built It Scaffolded the app with Create React App/Vue CLI.

Designed UI mockups using Figma (or just sketches).

Built key components:

Landing page explaining donation basics

Interactive form to simulate registry sign‑ups

Info pages detailing organ types, process, and the impact statistics

Integrated routing and state management for smooth navigation and real‑time updates.

Deployed it to Netlify for an accessible, live demo.

I Built It Scaffolded the app with Create React App/Vue CLI.

Designed UI mockups using Figma (or just sketches).

Built key components:

Landing page explaining donation basics

Interactive form to simulate registry sign‑ups

Info pages detailing organ types, process, and the impact statistics

Integrated routing and state management for smooth navigation and real‑time updates.

Deployed it to Netlify for an accessible, live demo.

Proud Of Successfully built and deployed a fully functional, user-friendly organ donation awareness application.

Created an intuitive UI that simplifies the concept of organ donation for the general public.

Integrated form handling to simulate donor registration and engagement.

Used responsive design to ensure accessibility across all device types (desktop, tablet, mobile).

Educated users about the impact of organ donation through informative content and clean visuals.

Learned Gained hands-on experience in building responsive web apps using modern frontend technologies.

Understood how to structure dynamic form inputs with validation for better user interaction.

Learned how to communicate complex healthcare concepts in a simple, clear, and visually appealing way.

Explored the deployment process with platforms like Netlify and ensured smooth CI/CD integration.

Strengthened our understanding of user-centered design and how to drive awareness through digital tools. Next for the Organ Donation Application API Integration: Connect to real-time organ donor registries to facilitate actual sign-ups or awareness stats.

Multi-language Support: Add regional languages like Tamil and Hindi for broader reach.

Testimonial Section: Include real-life stories from donors and recipients to inspire more users.

Awareness Campaigns: Add features to support social sharing and online pledge drives.

Accessibility Enhancements: Ensure full WCAG compliance for users with disabilities.

Built With

• react