Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mahamudm90/boi-ghar

Ecommerce Book Shop is a fully functional eCommerce website with a beautiful user interface and backend functionalities.🛍
https://github.com/mahamudm90/boi-ghar

context-api css3 html5 material-ui mongodb mongoose nextjs nodejs paypal

Last synced: about 2 months ago
JSON representation

Ecommerce Book Shop is a fully functional eCommerce website with a beautiful user interface and backend functionalities.🛍

Awesome Lists containing this project

README

        

## BOI-GHAR 📚

This is a Book Shop & fully functional-Ecommerce Site 📚🛍

##### HomePage
![ScreenShot of Form](screenshorts/lol.png)

##### Popular Products
![ScreenShot of Form](screenshorts/lala.png)

##### Footer
![ScreenShot of Form](screenshorts/a.png)

##### Customer Reviews
![ScreenShot of Form](screenshorts/b.png)

##### CartPage
![ScreenShot of Form](screenshorts/c.png)

##### Shipping
![ScreenShot of Form](screenshorts/d.png)

##### Payment
![ScreenShot of Form](screenshorts/e.png)

##### Place Order
![ScreenShot of Form](screenshorts/f.png)

##### Order Summary
![ScreenShot of Form](screenshorts/g.png)

##### User Profile Update
![ScreenShot of Form](screenshorts/h.png)
##### Admin Dashboard
![ScreenShot of Form](screenshorts/i.png)
##### Product Update
![ScreenShot of Form](screenshorts/j.png)
##### User Information
![ScreenShot of Form](screenshorts/k.png)

## Technologies Uses
- NextJS basics like setting up project, Navigating between pages and data fetching
- NextJS advanced topics like dynamic routing, image optimization,  SSG and SSR
- MaterialUI framework to build responsive website using custom theme, animation and carousel
- ReactJS including decomposing components, context API and hooks
- Next Connect package to build backend API
- MongoDB and Mongoose to save and retrieve data like products, orders and users
- PayPal developer api to make online payment
- Deploy web applications on servers like Vercel.

## Run it Locally
```
$ git clone https://github.com/MahamudM90/BOI-GHOR
$ cd boi-ghor
$ npm install
$ npm run dev
$ Open http://localhost:3000/api/seed
$ Open http://localhost:3000
```
### [Live Site](https://boighorss.vercel.app/?fbclid=IwAR3f1UHUDWg0-41u_pPRq8vSZSZVpnMLtsQ1u3CvYKDppGGCBV4HO2ea-dk)