An open API service indexing awesome lists of open source software.

https://github.com/pushpendra-1697/product-directory

Introducing our Product Directory - a user-friendly platform for seamless product discovery. Find what you need effortlessly with detailed listings and intuitive search features.
https://github.com/pushpendra-1697/product-directory

authentication authorization chakra-ui html-css-javascript jsx-syntax product-page react-components reactjs redux responsive-web-design simple-web-app

Last synced: 3 months ago
JSON representation

Introducing our Product Directory - a user-friendly platform for seamless product discovery. Find what you need effortlessly with detailed listings and intuitive search features.

Awesome Lists containing this project

README

          

# Product-Directory ๐Ÿฆพ

Introducing our Product Directory - a user-friendly platform for seamless product discovery. Find what you need effortlessly with detailed listings and intuitive search features.

## Backend Data for Products ๐Ÿ–‡๏ธ
https://blushing-underwear-newt.cyclic.app/prod

## Tech Stacks ๐Ÿ 
React.js, Redux, Chakra-UI, React-Components, HTML-CSS-JS

## Demo Signup Credentials ๐Ÿงช
Use this Credentials to Signup as a user.

``Email:renu12@gmail.com``

``Password: renu@``

Use this Credentials to Signup as a Admin.

``Email: pushpendra1697@gmail.com``

``Password: Push1697@``

## Root Directory ๐Ÿก : /

## Deployment Link ๐Ÿ”—
https://myapp-opal-alpha.vercel.app/

## Features โค๏ธ
- Products page where all the products is provided and user buy it accordingly.
- Product details page where all details of particular products are provided

## Extra Features ๐Ÿ˜Š
- Authenication is provided where data is getting stored in the Mongodb Database.
- Limited Items can be purchased based on the availabilty in stock.
- Special Admin login is provided.
- All components are cross-device cross platform compatible.

## Installation steps / How to run locally ? โœŒ๏ธ

Clone the Repository from Github.
https://github.com/Pushpendra-1697/Product-Directory

Then do the following steps:

```bash
cd myapp

npm install

npm run start
```

## PORT ๐Ÿงฝ : 3000

## Screenshots
### Product Listing Blog

![Screenshot (560)](https://github.com/Pushpendra-1697/Product-Directory/assets/104748364/e09b22d5-a529-4a22-ae80-477a0a129175)
![Screenshot (565)](https://github.com/Pushpendra-1697/Product-Directory/assets/104748364/30da8bc9-3e8c-4f07-a51d-354abc06f415)

### Product Details Blog

![Screenshot (562)](https://github.com/Pushpendra-1697/Product-Directory/assets/104748364/f69dd3da-4321-4f12-a108-ed0da3103678)

### Mobile View
![Screenshot (564)](https://github.com/Pushpendra-1697/Product-Directory/assets/104748364/958b0903-ef87-4ffb-b5a7-db0d2816d333)
![Screenshot (563)](https://github.com/Pushpendra-1697/Product-Directory/assets/104748364/85887da9-b5be-447e-9354-2b5313b70135)