Assist utilizes the Charity Navigator API to connect users with volunteer and community engagement opportunities. This is Project 3 for University of Central Florida's Fullstack Coding Bootcamp. Contributors include Alyssa DeMetro and Bridget Shannon.
Languages
Stack
- MongoDB
- Express
- React
- Redux
- Node
API
- Charity Navigator API: https://www.charitynavigator.org/index.cfm?bay=content.view&cpid=1397
CSS
- MDBootstrap: https://mdbootstrap.com/docs/react/
- When users arrive at the home page, they are prompted with a call to action to either
loginorsignup.
-
Once users log in or sign up, they are redirected to the
searchpage.
-
This page allows users to search for an opportunity by keyword and filter by state.
-
Users are presented with their search
results; the opportunity, who to contact about the opportunity, and the option to save.
-
-
Users can access their saved opportunities and any opportunities they have created on their
profile. Here, users can delete any saved opportunities and edit or delete any they have created.
-
If a user would like to add an opportunity, they click
createin the navbar. This brings users to a create form where they can submit their opportunity.
The following features of the Assist application are works in progress or (WIP).
- Rendering content from
create formonto cards that render to a user'sprofileand displays in thesearch - User can
saveopportunities to theirprofile - Using an additional
APIto pull from even more opportunities - Creation of
calendarpage so users can manage their opportunities and see upcoming events near them - Color-code
searchresult cards based on when the event is happening. Grey = past, red = currently happening, yellow = in a few days, green = 1+ week(s) away.
git clone https://github.com/bridgetrshannon/Assist.git

