Skip to content

SydPRetzel/HelpHub

Repository files navigation

Help Hub

An app that helps to match non-profits with volunteers. Currently the volunteer portal is available.

Live App

Technologies Used

React, React Router, Bootstrap, HTML, CSS, Javascript, Node.js, Express, MongoDB, FullCalendar, socket.io

Architecture

Help Hub is implemented as a full stack app with React, React Router, Bootstrap, HTML, CSS and Javascript on the front end and Node.js, Express, MongoDB and socket.io on the back end.

Tour

Help Hub is a responsive, mobile ready app that matches non-profits with volunteers. The landing page presents the user with an active Volunteer button. When clicked, the user is presented with a login/signup screen.

Landing page top Landing Page

Landing page bottom Buttons

login page Login Page

When a new user signs up, they are taken to a profile page where they can answer a few questions about themselves.

profile page Profile Page

Once they submit their profile, they are taken to their dashboard. This consists of a calendar, a chat window and a blog. The calendar will display events that have been posted by registered non-profits. The chat window will connect them in real time to other users. The blog section will display blog entries by registered non-profits.

calendar Calendar

chat Chat

blog Blog

References

https://medium.com/@coderacademy/you-can-build-an-fb-messenger-style-chat-app-with-reactjs-heres-how-intermediate-211b523838ad

About

An app to help nonprofits and volunteers connect and stay engaged.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published