GadgetGalaxy.com

GadgetGalaxy is a clone of an Indian online store that specializes in selling a wide range of designer mobile phone cases, laptop sleeves, and other tech accessories

API Reference

Get all items

  GET /Add Link Here

End Point	Type	Description
products	string	Required. All Products page
product/:id	string	Required. Single Product page
login	string	Required. Login page
signup	string	Required. Signup page
wishlist	string	Required. Wishlist page
search	string	Required. Search page
*	string	Required. 404 Not Found page
cart	string	Required. cart page
admin	string	Required. Admin page
address	string	Required. user shipping address

Tech Stack

Front-end : React, Redux, Chakra UI, Material UI, Mantine UI, NodeJS, Express JS, Ant-design UI,

Back-end : JSON-Server, JSON-Web-Token, CORS, DOTENV, Bcrypt (for hashing), Mongoose, Nodemon

Color Reference

Color	Hex
Primary	#17274a
Secondary	#ee5e68

Badges

Deployment

To deploy this project run

npm run build
npm run deploy

Pages

• Navbar
• Landing page
• Products page
• Cart page
• Login page
• Signup page
• Admin page
• Wishlist page
• Search page
• Single product page
• Payment page
• Payment method
• Payment successful page

Features

• Get Request Api call
• Post Request Api call
• Patch Request Api call
• Delete Request Api call
• User Register
• User login
• Admin Register
• Admin login
• Add product
• Delete product
• Edit product
• Sorting & filter

ScreenShots

1. Login

2. Signup

3. Homepage

4. Products Page

5. Signle Product Page

6. Cart Page

7. Order Page

8. Payment Page

9. Admin Login

9. Admin Signup

9. Admin Dashboard

10. Admin Products

11. Admin Edit Product

Run Locally

Clone the project

  git clone https://github.com/uzairansari11/native-order-609.git

Go to the project directory

  cd my-native-order-609

Install dependencies

  npm install
  npm i axios
  npm i react-redux
  npm i redux
  npm i thunk
  npm i json-server
  npm i chakra-ui
  npm i material-UI
  npm i material-icon
  npm i bcrypt
  npm i cors
  npm i dotenv
  npm i express
  npm i jsonwebtoken
  npm i mongoose
  npm i nodemon

Start the server

  npm run server
  npm start

Demo

Link

FAQ

Is this website fully Responsive?

No, As of Now this website isn't fully Responsive. Some of our the part of this website is broken for small screen devices. Our team is working on this soon we will fix this.