/native-order-609

Focked GadgetGalaxy project built in construct week of masai for learning purpose.

Primary LanguageJavaScript

GadgetGalaxy.com

GadgetGalaxy is known for its trendy and affordable Electric, with a focus on casual thing such as headphone, hoodies, and jeans. The brand also offers a range of accessories such as bags.

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 #17274a
Secondary #ee5e68 #ee5e68

Badges

Netlify Status

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

screencapture-gadgetgalaxy-netlify-app-login-2023-04-03-12_28_00

2. Signup

screencapture-gadgetgalaxy-netlify-app-signup-2023-04-03-12_28_53

3. Homepage

Home

4. Products Page

products

5. Signle Product Page

signle

6. Cart Page

Cart

7. Order Page

screencapture-gadgetgalaxy-netlify-app-checkout-2023-04-03-12_31_41

8. Payment Page

screencapture-gadgetgalaxy-netlify-app-checkout-2023-04-03-12_31_51

9. Admin Login

AdminLogin

9. Admin Signup

AdminSignup

9. Admin Dashboard

screencapture-gadgetgalaxy-netlify-app-admin-2023-04-03-12_33_04

10. Admin Products

Screenshot 2023-04-03 124516

11. Admin Edit Product

AdminEditPrd

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.