https://github.com/codexpuneet/unwritten-boat-734

Hello Folks, This project is a clone of Nordstrom .Nordstrom is a US based E-commerce company, it is a leading fashion retailer offering compelling clothing, shoes and accessories for men, women and kids. Nordstrom is a one-stop shop for the whole family, and a fashion source for the modern world.
https://github.com/codexpuneet/unwritten-boat-734

chakra-ui javascript node reactjs

Last synced: about 1 year ago
JSON representation

Hello Folks, This project is a clone of Nordstrom .Nordstrom is a US based E-commerce company, it is a leading fashion retailer offering compelling clothing, shoes and accessories for men, women and kids. Nordstrom is a one-stop shop for the whole family, and a fashion source for the modern world.

• Host: GitHub
• URL: https://github.com/codexpuneet/unwritten-boat-734
• Owner: CodexPuneet
• Created: 2022-11-18T21:25:24.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-02-24T17:23:25.000Z (over 3 years ago)
• Last Synced: 2025-02-28T16:59:07.322Z (over 1 year ago)
• Topics: chakra-ui, javascript, node, reactjs
• Language: JavaScript
• Homepage: https://cute-kheer-5d7d09.netlify.app/
• Size: 370 KB
• Stars: 5
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

          

Nord Strom

Nordstrom, Inc. is an American luxury department store chain. Founded in 1901 by John W. Nordstrom and Carl F. Wallin, it originated as a shoe store and evolved into a full-line retailer with departments for clothing, footwear, handbags, jewelry, accessories, cosmetics, and fragrances.


## 🛠 Built with 

Technologies used in the project:

![Javascript](https://img.shields.io/badge/JavaScript-323330?style=for-the-badge&logo=javascript&logoColor=F7DF1E)

![React](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![React-Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white)

![Redux](https://img.shields.io/badge/Redux-593D88?style=for-the-badge&logo=redux&logoColor=white)

![Chakra-UI](https://img.shields.io/badge/Chakra--UI-319795?style=for-the-badge&logo=chakra-ui&logoColor=white)

## 💻 Screenshots

**Home Page:**

![Screenshot (117)](https://user-images.githubusercontent.com/103636380/221244546-4a7c81d9-cb7b-4865-98da-36d6c3b46398.png)

**Login Page:**

![Screenshot (118)](https://user-images.githubusercontent.com/103636380/221244834-619ccaaa-7c56-4b0f-9215-0aada91de196.png)

**Register Page:**

![Screenshot (119)](https://user-images.githubusercontent.com/103636380/221245330-7f889059-6d38-4d76-be2c-a40e69303772.png)

**Product Page:**

![Screenshot (125)](https://user-images.githubusercontent.com/103636380/221245862-d70a9ec4-1280-439f-8caf-8fcbe3cc77f5.png)

**NavBar Page:**

![Screenshot (120)](https://user-images.githubusercontent.com/103636380/221246021-bc1d7d06-5b20-43f6-89ac-5e5fd6961e35.png)

**Footer Page:**

![Screenshot (121)](https://user-images.githubusercontent.com/103636380/221245667-677caa76-2878-4ef4-90b4-fe2b47846fe0.png)

## ✨ Features 

- Live previews

- Fullscreen mode

- Cross platform

## 🚀 Demo

**Front-end deployed URL:**

https://cute-kheer-5d7d09.netlify.app/

##  📁 Folder structure

#### `Frontend` - Holds the client application

- #### `public` - This holds all of our static files

- #### `src`

    

    - #### `components` - This folder holds all of the different components that will make up our pages

    - #### `pages` - These represent a unique page on the website i.e. Home or About. 

    - #### `routes` - It is responsible for handling the path of different page.

    - #### `context` - It is responsible for global state management of our app.

    - #### `App.js` - This is what renders all of our browser routes and different pages

    - #### `index.js` - This is what renders the react app by rendering App.js.

- #### `package.json` - Defines npm behaviors and packages for the client

#### `README` - This file!

# Installation

Clone the project

```bash

git clone https://github.com/CodexPuneet/unwritten-boat-734.git

```

## Client-side usage

Go to the project directory

```bash

$ cd frontend          // go to client folder

$ yarn # or npm i    // npm install packages

$ npm run start        // run it locally

// deployment for client app

$ npm run build // this will compile the react code using webpack and generate a folder called docs in the root level

```

##

This project was built during our construct week at Masai School. It was an individual Project and executed in 6 days.