Shop.co (RU) React + TypeScript + Vite

Используемый стек: HTML, SASS, React, TypeScript, RTK, Tanstack/React Query, Storybook, Jest, Cypress.

Описание проекта

Данный репозиторий представляет собой фронтенд часть e-commerce веб приложени интернет магазина shop.co на создание простого приложения с фронтендом и бекендом, развернутого с использованием Render. Проект разработан с использованием React и TypeScript для фронтенда и Express с TypeScript для бэкенда. Основной функционал включает регистрацию новых пользователей, оформление заказов и оплаты товаров с выбором способа и метода доставки.

Основные аспекты

1. Инструкции по настройке проекта

Клонирование и установка:

1. Клонируйте репозиторий

git clone https://github.com/Saitnbone/shop.co-project__frontend.git
npm install

2. Запуск проекта

npm install
npm run dev

2. Стилистические особенности проекта

• Использован Vite для сборки проекта и ускорения разработки.
• Стиль реализован с помощью Material UI, как указано в требованиях задания. Это позволяет легко настроить настроить стили, быструю настройку тегов и единообразный UI.
• SEO: Vite позволяет задавать заголовки, метатеги, которые могут быть определены для улучшения SEO.
• Использование семантических тегов, что также влияет на более качественное SEO.

Ссылка на макет

Shop.co (ENG) React + TypeScript + Vite

Tech Stack: HTML, SASS, React, TypeScript, RTK, Tanstack/React Query, Storybook, Jest, Cypress.

Project Description

This repository represents the front-end part of the e-commerce web application of the online store shop.co for creating a simple application with front-end and back-end, deployed using Render. The project was developed using React and TypeScript for the frontend and Express with TypeScript for the backend. The main functionality includes registering new users, placing orders and paying for goods with a choice of delivery method and method.

Key Aspects

1. Project Setup Instructions

Cloning and Installation:

1. Clone the repository

git clone https://github.com/Saitnbone/shop.co-project__frontend.git

2. Start the project

npm install
npm run dev

2. Stylistic features of the project

• Used Vite to build the project and speed up development.
• Styling implemented using Material UI as specified in the job requirements. This makes it easy to customize styles, quick tag customization, and a consistent UI.
• SEO: Vite allows you to set titles, meta tags that can be defined to improve SEO.
• Use of semantic tags, which also affects better SEO.

Link to layout