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
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
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.
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 install4. After everything is installed you need to write the following command:
npm start