https://github.com/vinaykumar7580/webledger-assignment
Recipe Application allows users to search for recipes, view recipe details, and save their favorite recipes.
https://github.com/vinaykumar7580/webledger-assignment
chakra-ui googleauth mongodb node passport-js react
Last synced: 2 months ago
JSON representation
Recipe Application allows users to search for recipes, view recipe details, and save their favorite recipes.
- Host: GitHub
- URL: https://github.com/vinaykumar7580/webledger-assignment
- Owner: vinaykumar7580
- Created: 2023-10-17T05:19:30.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2023-10-21T09:22:56.000Z (over 2 years ago)
- Last Synced: 2024-04-15T10:27:10.891Z (about 2 years ago)
- Topics: chakra-ui, googleauth, mongodb, node, passport-js, react
- Language: JavaScript
- Homepage: https://recipe-application-rho.vercel.app
- Size: 3.74 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Recipe Application
## Introduction
This is a solo project for building an interactive recipe application using React for the frontend, Node.js (with Express) for the backend, and MongoDB as the database. The application allows users to search for recipes, view recipe details, and save their favorite recipes. It also integrates Google Authentication using the Passport.js library.
## Features
- **User Authentication**: Users can login using their Google accounts.
- **Recipe Search**: Users can search for recipes based on name.
- **Recipe Details**: Detailed information about each recipe, including instructions and summary.
- **Favorite Recipes**: Users can save their favorite recipes in database.
- **Responsive UI**: The user interface is designed to work on various devices and screen sizes.
## Technologies Used
- **Frontend**: React for building the user interface.
- **Backend**: Node.js with Express for handling API requests.
- **Database**: MongoDB to store user data, recipes, and user preferences.
- **Authentication**: Google Authentication is implemented using Passport.js.
- **Styling**: Application style is implemented using Chakra UI.
## Deployment
Frontend part deploy's on vercel and backend part deploy's on cyclic.
- **Frontend URL**: https://recipe-application-rho.vercel.app
- **Backend URL**: https://busy-rose-harp-seal-cape.cyclic.app/
## Images
### Login Page
### Dashboard
### Product Page
### Product Details Page
