Pendora is a full-stack e-commerce application where users can browse products, search items, add them to the cart or wishlist, manage their address, and view detailed product information.
Built with a React frontend, Node.js/Express backend, MongoDB database
git clone https://github.com/alok-kumar21/Pendora-frontend.git
cd <your-repo>
npm install
npm run dev
- React JS
- React Router
- Node.js
- Express
- MongoDB
- Bootstrap
- Context API
Search
- Instantly search for products by typing keywords in the search bar.
- Live filtering as you type—no need to refresh or click search.
Product Filtering
- Category-Based Filtering: Narrow down products by specific categories.
- Sort by Price: Choose between "Low to High" or "High to Low" price sorting.
- Rating Filter: View products based on user ratings.
- Price Range Filter: Select a custom price range using a slider to find matching products.
Add to Cart
- Add any product to your shopping cart with a single click.
- View cart details with quantities, total price, and product names.
- Remove products from your cart at any time.
Add Product to WishList
- Save your favourite products to a wishlist for later viewing.
- Easily add or remove items from the wishlist.
- Perfect for creating a “save for later” shopping experience.
s
List all Product
Sample Response:
[ { "dimensions": { "width": "2.82 inches", "height": "5.77 inches", "depth": "0.32 inch", "weight": "6.60 ounces" }, "_id": "6811ca7b85ae42dbb4060d70", "name": "iPhone 15 Pro", "description": [ "Latest Apple smartphone with A17 Pro chip", "Titanium design", "Pro camera system" ], "brand": "Apple", "price": 999, "discount": 50, "deliveryCharge": true, "currency": "USD", "in_Stock": true, "rating": 4.8, }... }]
Get details for one Product
Sample Response:
{_id:3489jr34n34, name:Mobile, description: "This is very smart mobile phone" }
Create a new recipe (protected)
Sample Response:
{ _id, title, name, ... }
Search the Product by Its Product title
Sample Response:
{ id, name, description,rating, ... }
For bugs or feature requests, please reach out to [email protected]