recime.demo.mp4
The purpose of the app is to help users find the recipe they are looking for without frills--just immediate access to their favorites. Users can create recipes, engage with the Recime community, and use numerous health/diet filters to narrow down their search. Learn more in the above proposal.
-
cd into the backend folder and type the command
npm installto install the dependencies -
Contact one of the members in order to gain access to the .env files and permissions.json files
-
Run
npm startin your backend file to run your server -
cd into the recipe-project folder
-
Run
npm installto install the dependencies -
Finally, run
npm run devto start the Vite app and open your localhost port to access the webpage.
- User clicks “Sign up” to create a ReciMe account, or "Sign in" if they already have an account (NOTE: password storage is not yet encrypted)
- Server saves your login information in Firebase.
- User gets sent to the homepage.
- Homepage with easy navigation
- Recipes page to search for Edemam or community (user-created) recipes
- Recipe details page when clicking on an individual recipe (includes review/comment system and AI-chatbot)
- My Recipes page which displays the user's created and saved recipes
- Create Recipes page which has a form to create your own recipe (will not show in community recipes until admin account approves recipe)
- Admin page (only accessible and viewable to admin users) for reviewing, publishing or rejecting all user-submitted recipes (For admin access, modify Firebase user attribute "admin" to true
See Above Demo video
React Frontend Express Backend Firebase Data Storage
- Aiden Ha
- Julia Rieger
- Danielle Quaye
- Sarathy Selvam
- Henok Misgina Fisseha