- Project Overview
- Goals
- Technologies And Tools
- Setup
- Challenges
- Wins
- ScreenShots and Demos
- Roadmap
- Credits
Favo is an idea for the "Stretch" project of the MOD 3 at Turing School where we have to show our ability to learn a new technology in a short period of time. Favo is aimed to build community making volunteering a fun experience, where people can contribute time, resources, or skills to help each other.
- Stretch technology - Cypress
Our goal was to create a fully functional and responsive website using Cypress as a new testing technology. Manage time and plan out MVP that is possible to accomplish in a very tight deadline and still deliver our idea to the audience.
- React
- Express
- CSS/Scss/Sass
- Cypress
- Adobe XD
- GitHub Project Board
Clone down this repo and API, after setting up API install the library dependencies for this repo. Run this command inside the repo folder:
npm installTo verify that it is setup correctly, run in your terminal for repo:
npm startGo to http://localhost:3000/
- trying to whittle down our broad idea into feasible pieces
- improve UI but also stick to MVP under the tight time frame
- use different environment for our application (test and development)
- finding a suitable solution to reach our MVP when we reached dead ends
- Great teamwork experience!
- Implement a new testing library within the timeframe allotted, and still product high quality code with tech such as React hooks.
- Building out our own back-end and deploy
- Improved UI accessibility including Mobile Responsive Design
- Being able to have productive discussions without sacrificing friendships
- Team work!Not settling on solutions or fixes that only fixed the problem. We continuously strived to find the BEST solution available
Under the Hood
Welcome page is designed to invite users to our website and provide a small description about our idea.
Under the Hood
The main page consists of two parts:
- User's Profile
- All upcoming events
User's profile has the following elements:
- Profile picture
- User name
- Rating
- Total hours volunteered
- Upcomings jobs
Sidebar can be hidden
Note: Right now rating is just an image. In the future it suppose to reflect user's updated rating after completed volunteered job
Upcoming jobs are interactive and redirect users to a single event page where they can see detailed information about the event
Postings's page has the following elelemts and funtionality:
Elements:
- List of the events with the open positions that contain:
- Event name
- Organization Name
- Date
- Number of open positions
Functionality:
- Search by keyword
- Filter by available categories
- Sort by date in ascending/descending order
Every Event can be clicked by user and redirected to the single event page to get more details about the chosen event.
Under the Hood
This page includes the following details:
- Event Name
- Event description
- Location
- Duration
- Category
- Organization name
- Date
- List of open positions:
- Position name
- Open spots
On this page users are able to choose a position they would like to sign up for. By clicking on "Sign me up!" button, users accept the job and no longer able to sign up for this event again. The change reflects on the open spots number and the list of the upcoming jobs on the user profile.
- In the future every user can be a volunteer and an organizer of events
- Every user can leave feedback for another user by leaving a review or giving a star rating
- Organizers have an access to all signed up volunteers when the event starts
- Organizers can check in and check out volunteers. By doing so, the volunteered hours get registered on the volunteer profile
- Be able to login on the website by
- Solve security issue
Cooper Terrones GitHub Profile
Elle Li GitHub Profile
Olga Morgan GitHub Profile