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

https://github.com/kuzma02/fashion-ecommerce-shop-in-react

Clothing eCommerce website is built with React.js. It's perfect for launching a stylish fashion website with a sleek, responsive fashion theme. The template is available for free, making it an ideal starting point for your online store. React eCommerce template is a premium fashion website template.
https://github.com/kuzma02/fashion-ecommerce-shop-in-react

clothing-ecommerce-website clothing-store e-commerce-react-template ecommerce-react ecommerce-using-react fashion-ecommerce-template fashion-ecommerce-website-design fashion-theme fashion-website-template free-react-ecommerce-template online-shop online-shop-react-js react-based-ecommerce react-ecommerce react-ecommerce-app react-ecommerce-boilerplate react-ecommerce-template react-ecommerce-template-free react-ecommerce-theme react-online-shop-template

Last synced: about 2 months ago
JSON representation

Clothing eCommerce website is built with React.js. It's perfect for launching a stylish fashion website with a sleek, responsive fashion theme. The template is available for free, making it an ideal starting point for your online store. React eCommerce template is a premium fashion website template.

Awesome Lists containing this project

README

          

Fashion eCommerce Shop in React.js, TypeScript and JSON server

Fashion eCommerce template is a custom fashion theme completely designed and created from the ground up. The theme is designed in Figma by following foundational web design practices. The fashion website template was created using React.js best practices and techniques. The fashion website template is mainly a luxury fashion template for women, but it can also be used for men and kids. The fashion website template can also be used for any React eCommerce template or clothing eCommerce website. You can download it for free and test it yourself.


The following technologies were used in design and development:



  • Figma - The leading collaborative design tool for building meaningful products.


  • React.js - Free and open-source front-end JavaScript library for building user interfaces based on components by Facebook Inc.


  • TypeScript - Free and open-source high-level programming language developed by Microsoft that adds static typing with optional type annotations to JavaScript.


  • JSON server - A lightweight and easy-to-use Node.js tool that simulates a RESTful API using a JSON file as the data source


  • Redux Toolkit - The official, opinionated, batteries-included toolset for efficient Redux development


  • Axios - Promise-based HTTP client for the browser and Node.js.


  • React Router - A popular library for routing in React applications


  • TailwindCSS - Utility-first CSS framework for rapidly building modern websites without ever leaving your HTML


  • React hot toast - Beautiful notifications for React applications


  • Concurrently - Package that allows you to run multiple scripts at the same time


Other interesting open-source projects


High-performance Next.js eCommerce platform for automotive products

Car Parts Company Official Website in Next.js

Luxury Cosmetics eCommerce Shop in Next.js

Electronics eCommerce Shop With Admin Dashboard in Next.js and Node.js

Premium Custom Admin Dashboard

Video instructions YouTube tutorial for running the application:


https://www.youtube.com/watch?v=M9DHiusoPOI

Instructions - The Fashion Website Template



  1. To run the app you first need to download and install Node.js and npm on your computer. Here is a link to the tutorial that explains how to install them: https://www.youtube.com/watch?v=4FAtFwKVhn0. Also here is the link where you can download them: https://nodejs.org/en


  2. When you install all the programs you need on your computer you need to download the project. When you download the project, you need to extract it.


  3. After you extract the project, you need to open the project folder in the command prompt or any terminal of choice. After it write the following command:


```
npm install
```

4. After everything is installed you need to write the following command:

```
npm start
```

Project screenshots:

Landing page

![landing page](https://github.com/user-attachments/assets/9e1ef65f-ca21-4615-9820-f8f00204ad85)

Shop page

![shop page](https://github.com/user-attachments/assets/e2935c47-9b53-4d26-9221-05451102260c)

Single product page

![single product page](https://github.com/user-attachments/assets/815eaa98-150d-4847-9339-5140745c66ba)

Cart page

![cart page](https://github.com/user-attachments/assets/164bcf3d-7984-4cc4-8f30-978069737ef6)

Login page

![login page](https://github.com/user-attachments/assets/4903e803-9253-4212-be4d-cfa14e010fb3)

Register page

![register page](https://github.com/user-attachments/assets/a2c5f5cb-d03f-46c8-b43a-edd3876e3001)

User profile page

![user profile page](https://github.com/user-attachments/assets/5786d46b-29a8-44c2-ad52-3a794ce954c9)

Order history page

![order history page](https://github.com/user-attachments/assets/57259617-6c4e-4efd-84ad-961ee0a9b9e4)

Single order history page

![single order history page](https://github.com/user-attachments/assets/f2abffa8-9af3-478f-a888-ed3fbd007315)

Checkout page

![checkout page](https://github.com/user-attachments/assets/0dc47027-1bf7-4b96-bff2-73867d6892a9)

Search page

![search page](https://github.com/user-attachments/assets/a62c71be-5424-4bf5-a660-352d507764a5)