/Aerowear

AeroWear is the clone of Aeropostle.com, it is known for its trendy and affordable clothing, with a focus on casual wear such as t-shirts, hoodies, and jeans. The brand also offers a range of accessories such as bags.

Primary LanguageJavaScript

Aerowear

AeroWear is the clone of Aeropostle.com, it is known for its trendy and affordable clothing, with a focus on casual wear such as t-shirts, hoodies, and jeans. The brand also offers a range of accessories such as bags.

API Reference

Get all items

  GET https://thinkable-slope-suhail3535.vercel.app/
End Point Type Description
women string Required. Women page
men string Required. men page
clearence string Required. clearence page
cart string Required. cart page
address string Required. user shipping address

Tech Stack

Front-end : React, Redux, Chakra UI, Material UI

Back-end : JSON-Server

Color Reference

Color Hex
Primary #17274a #17274a
Secondary #ee5e68 #ee5e68

Badges

Deployment

To deploy this project run

npm run build
npm run deploy

Pages

  • Navbar
  • Landing page
  • Women page
  • Men page
  • Clearence page
  • Admin page
  • Landing page
  • Single product page
  • Cart section
  • Payment page
  • Payment method
  • Payment succesfull page

Features

  • Get Request Api call
  • Post Request Api call
  • Patch Request Api call
  • Delete Request Api call
  • User Register
  • User login
  • User profile show after login
  • Admin Register
  • Admin login
  • Add product
  • Delete product
  • Edit product
  • Sorting & filter
  • Search functionality (Women page and Men Page)

Note-For admin login we set a preRegister email and password after admin login,only Admin can register new admin.

ScreenShots

1. Homepage

home

2. Women Page

women page

3. Men Page

men page

4.Single Product Page

single product default

5. Responsive Tab View

single product page

6.Cart Page

cartpage laptopview

7.Responsive Tab View

cart page

8. Payment Page

PAY

9. Responsive Tab View

PAYMENT

10. Admin Page

adminpannel

11. Responsive Tab View

tabveiw

12. Responsive (Phone View)

mobileview

Run Locally

Clone the project

  git clone https://github.com/suhail3535/thinkable-slope-4107.git

Go to the project directory

  cd my-thinkable-slope-4107

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

Start the server

  npm run server
  npm start

Demo

https://thinkable-slope-suhail3535.vercel.app/

FAQ

What is a clone of Aeropostale?

A clone of Aeropostale is a replica or imitation of the popular clothing brand Aeropostale. It may sell similar styles of clothing or try to emulate the overall aesthetic of the brand.

Is a clone of Aeropostale the same as an official Aeropostale store?

No, a clone of Aeropostale is not an official Aeropostale store. It is a separate business that is not affiliated with the original brand.

Is this website fully Responsive?

Yes, As of Now this website is fully Responsive for all the media screen.