HelpYours is a React application developed to connect users with big organizations providing logistics during crises. The application facilitates user requests to organizations, including their name, contact details, location, and specific needs. Volunteers can then understand user requirements and reach out to provide assistance.
- How We Built This
- Challenges Faced
- Features
- How It Works
- What We Learned
- Accomplishments
- Authors
- Built With
We used Figma for setting the UI of our app which helped us to set up our vision towards the app. We used React, Javascript for frontend, for designing purpose we used Bootstrap and fontawesome. For Server side we used Node js and express. For storing the data of users and volunteers we used Mongo DB.
During the development of HelpYours, challenges were encountered, particularly in storing data in MongoDB. Creating new Axios requests for each task posed a unique set of challenges. But we used good use of chatgpt for time saving.
-
User Requests:
- Users send requests to volunteers, providing details such as name, contact information, location, and specific needs.
-
Volunteer Response:
- Volunteers access user requests and reach out to users for further help.
-
Connection Between Them:
- Both connects on a single platform.
- We both learned lot and we tried actually new things while making this app. Like a Figma, Mongo DB post,get,put requests for each task. So i think what experience we gained while making this app was awesome.
First that we had able to achieve our figma design. We are proud that what we think we are able to deliver. Because we both used Figma first time. We are especially proud of our idea, and believe HelpYours has a unique approach.
- Anyiam chiemelie (Frontend)
- Arjun Rathod (Backend)
- Figma - Design planning.
- Vue - Frontend framework.
- React - JavaScript library.
- Node.js - Backend runtime.
- Express - Backend framework.
- MongoDB - Database.
- Bootstrap - Frontend framework.
Link : https://www.figma.com/file/WU6uUOdAEciXpFxa2gvfTW/Logoistic-Website?type=design&node-id=0-1&mode=design&t=zB6OXqBu1aDbcNs4-0 Youtube Video : https://www.youtube.com/watch?v=xG1vNeCn06o
Hero Page
Choose Auth
User
Log In
User Sign In
Verify Email
Verify Otp
User Page
User Send Requset
User Response Nearby Volunteers
User - VOlunteer Profile
User Profile
User Edit Details'
Volunteer
Log In
Sign Up
Organization Details
Contact Details
Verify Email
Verify Otp
Volunteer Mainpage
Volunteer - User Details
Volunteer Profile
Volunteer Edit Details
