-
-
responsive and engaging ui
-
slidable single page website with navigation
-
spreading awareness about prosthetics
Inspiration
The Challenge: Access to Prosthetics and Medical Aid
Millions worldwide lack access to essential prosthetics and medical equipment due to high costs, geographical barriers, and a lack of centralized donation platforms. This significantly impacts their quality of life and societal reintegration.
What it does
We’re creating awareness and providing education about prosthetics to empower individuals with knowledge and choice.
No streamlined process for donating or receiving used medical equipment efficiently.
How we built it
we used html css and javascript to build it
Challenges we ran into
Responsive design – Making the site usable on phones, tablets, and desktops.
Data handling – Managing donor and receiver details using only localStorage (no backend).
Accomplishments that we're proud of
Created a functional platform that connects donors and people in need of medical equipment using only HTML, CSS, and JavaScript.
Built a user-friendly interface where users can easily upload, view, and search for equipment listings without page reloads.
Implemented local data storage using localStorage to manage user submissions efficiently without a database.
Designed a responsive layout that works smoothly across desktops and mobile devices.
Spread awareness about prosthetics through a dedicated section featuring informative content and visuals.
Promoted social impact by bridging the gap between donors and those in need, encouraging empathy and community service through technology.
What we learned
Practical web development skills – How to structure a complete project using HTML, CSS, and JavaScript.
DOM manipulation and interactivity – Making dynamic pages that respond instantly to user actions.
Data management using localStorage – Storing and retrieving user information without a backend.
Responsive design techniques – Ensuring the site looks good on different screen sizes.
Problem-solving and debugging – Handling layout, validation, and logic issues efficiently.
Team collaboration and planning – Coordinating roles, managing tasks, and combining ideas effectively.
Social awareness – Understanding how technology can support healthcare and create real social impact.
What's next for Hope Gear
Backend integration – Add a database (like Firebase or MongoDB) to securely store user and equipment data.
User authentication – Enable login/signup for donors and receivers to track their activities.
Real-time chat or contact feature – Allow direct communication between donors and receivers.
Admin dashboard – Manage and verify listings to ensure authenticity and safety.
Geolocation and mapping – Show nearby donation opportunities using Google Maps API.
Awareness campaigns – Include blogs, videos, and success stories about prosthetics.
Mobile app version – Convert the web app into a cross-platform mobile app using frameworks like React Native or Flutter.
AI-based recommendations – Suggest matching donors and recipients automatically.
Log in or sign up for Devpost to join the conversation.