In this project we had to create a single page application to connect with the API developed in a previous team work. It has been done following our clients' graphics design to give the best user's experience on both, mobile and desktop.
This is Bon Appétit, the best social web app for those who enjoy cooking and eating.
- Trello
- Figma
- Github
- Railway
- Postman
- MongoDB Compass
- Canva
- Gitbook
- React Vite
- React Router Dom
- Tailwind
- MongoDB
- Javascript
- Typescript
- Axios
- NestJS
- HOMEPAGE It has a video and a "Bon appétit" button that sends us to the Social-Page.
- SOCIAL PAGE Here users can like, comment and share recipes.
- STATISTIC PAGE It shows the most voted and seen recipes, as well as theme recipes or the ones the chef recommends.
- RECETTE-LIST PAGE It has filters to do the search: by name (input), by type and degree of difficulty (clickable). And, if the user is registered and logged in, they can add a new recipe and upload an image of it.
- RECETTE-DETAIL PAGE It has data of a recipe such as the ingredients, type, difficulty, cooking time, icons to show likes and views, and an image of it, too, only for registered users. Comments can also be added.
- RECETTE-FORM PAGE It has a form to add a recipe with its name, instructions, ingredients and their quantities, and the "send" button.
- LOGIN / REGISTER PAGES This page is for users to authenticate or register. Then, we can go to the "Profile" page.
- PROFILE PAGE It has sections for: My recipes, Mi menus, My Groups, My shopping list
- EXTRA NOT FOUND page.
https://backend-bonappetit.up.railway.app/docs
npm install react react-dom react-router-dom npm install --save-dev typescript @types/react @types/react-dom @types/jest
![github-classroom[bot] avatar](https://avatars.githubusercontent.com/in/68187?v=4 "github-classroom[bot]")
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent