webledger_Assignement

---

Introduction

This is the assignment of Webledger company where we are used third party api for searching recipe and display in Browser and saved the recipe for future. and login and sign functinaity.

🚀 Getting Started Clone the repository Install dependencies with npm install both client and backend side Run the development server with npm run start for client side and for backend side npm run server Navigate to http://localhost:3000 in your web browser

🚀 Created .env file created .env file in backend side and copy the given below PORT, MONGO_URL, JWT_SECRET_KEY.

🚀 PORT = 8080

🚀 MONGO_URL = mongodb+srv://d:deep@cluster0.issupkm.mongodb.net/webledger?retryWrites=true&w=majority

🚀 JWT_SECRET_KEY =deep

Demo

Tech-stack used

Frontend : React JS, Tailwind CSS

Backend : NodeJS, MongoDB, Express.js

DataBase   : MongoDB Atlas

Features

Serial No	Feature
1	User signup and Login
2	Products Page with Searching Functionalities
3	Dynamic add to cart and Wishlist feature
4	Dynamic Product page using userId
5	Saved Recipe PAge

Sample Page Images

1) Home Page

2) User Login Page

3) Products Page

4) Product Display Page

5) Product View Page