NutriChef is a recipe management and exploration tool that allows users to create, browse, and manage their favorite recipes. The frontend is built using React.js with styled-components for styling and React Router for navigation.
- User Authentication (Login & Registration)
- Recipe Management (Create, Edit, Delete recipes)
- Recipe Exploration (Search and browse recipes)
- File Upload (Add images to recipes)
- React.js – Component-based UI
- Styled-components – Scoped styling to avoid global conflicts
- React Router – Client-side navigation
- PropTypes – Type validation for components
- MUI (Material-UI) – Used in some components
- Node.js & Express.js – API & server logic
- MongoDB & Mongoose – Database
- JWT & HTTP-only Cookies – Authentication
- Multer – Image upload
git clone https://github.com/hamxy/NutriChef-client.git
cd NutriChef-clientnpm installnpm run dev
