Skip to content

Latest commit

 

History

History
92 lines (53 loc) · 4.32 KB

README.md

File metadata and controls

92 lines (53 loc) · 4.32 KB

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

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

Shop page

shop page

Single product page

single product page

Cart page

cart page

Login page

login page

Register page

register page

User profile page

user profile page

Order history page

order history page

Single order history page

single order history page

Checkout page

checkout page

Search page

search page