Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pandit0305/anthropologie_clone_app

Anthropologie is a unique, full-lifestyle shopping destination, with a mostly exclusive assortment of clothing, shoes, accessories, beauty, furniture, home décor, garden, bridal, and more.
https://github.com/pandit0305/anthropologie_clone_app

firebase html javascript react

Last synced: 29 days ago
JSON representation

Anthropologie is a unique, full-lifestyle shopping destination, with a mostly exclusive assortment of clothing, shoes, accessories, beauty, furniture, home décor, garden, bridal, and more.

Awesome Lists containing this project

README

        

# Anthropologie (Clone)

Anthropologie is a unique, full-lifestyle shopping destination, with a mostly exclusive assortment of clothing, shoes, accessories, beauty, furniture, home décor, garden, bridal, and more.

## Have a Look 😍
### Navbar and Home Page


anthropologie_01 image

### Product Page


anthropologie_02 image

### Single Page of the Product


anthropologie_03 image

### Cart Product Page


anthropologie_04 image

### Payment page


anthropologie_05 image

### Vercel Link
https://anthropologie.vercel.app/

### Netlify Link
https://myanthropology.netlify.app/

### AWS deploy link
https://main.d3ehumcwdjn936.amplifyapp.com/

## Collaborators
[Khalid Shah - Team Lead](https://github.com/Khalidshah12/)
* Cart Page
* Address Page
* Review Page
* Payment Page

[Pandit Gangadhar - Team Member](https://github.com/pandit0305)
* Products Page
* Single Product Page
* Signup & Login
* Collecting Data

[Sohil Khan - Team Member](https://github.com/sohilweb20)
* Navbar Section
* Home Page
* Footer Section

## Features
* Login/Signup using Firebase.
* Different Categories and Sections.
* Add to Cart.
* Can View Similar Products.
* Can Increase the Quantity of the Cart Items.
* Address Validation & Credit Card Validation
* Responsive Design

## Tech Stacks

* [ReactJs](https://reactjs.org/)
* [React-Router-Dom](https://www.npmjs.com/package/react-router-dom)
* [Redux](https://www.npmjs.com/package/redux)
* [React-Redux](https://www.npmjs.com/package/react-redux)
* [Redux-Thunk](https://www.npmjs.com/package/redux-thunk)
* [React-Firebase-Hooks](https://www.npmjs.com/package/react-firebase-hooks)
* [React-Scripts](https://www.npmjs.com/package/react-scripts)
* [React-Scroll](https://www.npmjs.com/package/react-scroll)
* [React-Slick](https://www.npmjs.com/package/react-slick)
* [React-Icon](https://www.npmjs.com/package/react-icons)
* [Axios](https://www.npmjs.com/package/axios)
* [React-Bootstrap](https://www.npmjs.com/package/react-bootstrap)
* [Bootstrap](https://www.npmjs.com/package/bootstrap)
* [Chakra UI](https://chakra-ui.com/getting-started)
* [Chakra-Icon](https://chakra-ui.com/docs/components/icon)

### Getting Started

These instructions will get you a copy of the project up and running on your local machine for development and testing purposes.

### Prerequisites

Npm / Yarn and Node.js installed

### Installation

Installing NPM modules
Execute these commands from the project directory

```
npm install
```

### Running the app

Open a terminal on directory

```
npm run start
```

Access the web app at http://localhost:3000/