PRANSEVA

💡 Inspiration

The idea for PRANSEVA came from observing how difficult and time-critical it can be to find blood or organ donors during medical emergencies. In many situations, donor information is scattered, outdated, or not easily searchable. I wanted to build a simple, accessible system that demonstrates how technology can help organize donor data efficiently and make it available quickly when it matters the most.

This project was also inspired by my goal to strengthen my fundamentals in web development and understand how real-world applications manage data, user roles, and interactions.

🛠️ How I Built the Project

PRANSEVA is built entirely using HTML, CSS, and JavaScript, without any backend or external database.

HTML is used to structure the pages (index.html, admin.html, user.html) CSS handles layout, responsiveness, and visual clarity JavaScript manages: Adding and deleting donor records Filtering donors by location, blood group, and organ Persisting data using LocalStorage

Instead of a server-side database, I used browser LocalStorage to store donor records. Conceptually, this works like a simple key value store:

localStorage.setItem("donors", JSON.stringify(donorArray));

Built With

• css
• html
• javascript