-
-
Organisation Feed
-
Organisation Feed of their tasks along with create new task button
-
Profile Page
-
Volunteer Task Description
-
Volunteer Task Description
-
Volunteer Tasks Feed
-
Profile creation Page for new users
-
Profile creation Page for new users
-
Sign up page for Email
-
Volunteer or Organisation Choice
-
Login Page
-
Sign up page
Inspiration
Our team brainstormed the idea for this App during the Hackathon, and after an intense discussion, we decided to make something that could make a difference, especially in the local community. As a result, we decided to make a Volunteering App.
What it does
Volunteers are connected to organizations in need through our app. The app is available for both volunteers and organizations. With a simple and intuitive user interface, our app is easy to use for people of all ages. Logging in and signing up has been made easier with Google authentication. A volunteer can sign up for a free account, create a profile, and they'll be able to view Volunteer Tasks in their local area. Volunteers may review descriptions of tasks and select tasks to assist with. To get volunteers, organizations can post their tasks on our app. For their convenience, they can also post links to Google forms. In addition, organizations can create their profiles, which are visible to volunteers in their tasks. A feed of what the organization posts would also be available.
How we built it
Our app is designed to improve volunteer engagement and streamline organizational workflows. The App's simple yet effective user interface was designed using Figma, and the front end was created with React Native. Our next step was to integrate our Firebase database with the app, to provide real-time updates with the latest volunteer tasks. Using Firebase, we have also added Google Authentication, which makes it easier for users to log in and sign up for our app.
Challenges we ran into
Managing the app development in three different operating systems and having it work properly on all three was a major challenge. Our development workflow was a hassle because we were new to app development, but we managed to complete the project on time. integrating Firebase with React Native was another major challenge, since the documentation for some of the stuff wasn’t good, it was a challenge to get it working without anything breaking.
For this Hackathon, we would say that learning App Development using React Native was a significant accomplishment. With so many possibilities for what we could do with our App, we feel confident about enhancing it. Doing this project to make an impact in the real world is also something we are proud of since we grew up from making calculators and number-guessing games as projects : )
What we learned
We really enjoyed this hackathon and it gave us a good reason to begin app development. We learned about React Native and its integration with Expo during the hackathon. Our decision to use React Native was based on our past experiences with ReactJS, as well as following Atwood's Law: "Any application that is capable of being written in JavaScript will eventually be written in JavaScript." Using Firebase in projects was also one of the cool things we learned, it has a lot of awesome features, which we would love to use in our future projects and enhancements of this app.
What's next for Volunteer App
We are planning on adding new features to our App, to make it more user-friendly, some of which are: -Adding Filter Option in Volunteer Feed -Adding Interests in the Profile section of the user -Localising the Feed further -In-app custom forms for the organisations -A reward system for volunteers -UI enhancements
We are also planning to launch it in a small community in future, to further enhance our app and get valuable feedback
Built With
- figma
- firebase
- react-native
Log in or sign up for Devpost to join the conversation.