https://github.com/kubatbekkk/online-store

This online store project is built with React, TypeScript, Redux, Webpack, ESLint, and Chakra UI. It uses cutting-edge technologies for a high-quality online store experience, including static type-checking with TypeScript, state management with Redux, module bundling with Webpack, and UI components from Chakra UI.
https://github.com/kubatbekkk/online-store

chakra-ui javascript localstorage react redux typescript

Last synced: about 1 month ago
JSON representation

This online store project is built with React, TypeScript, Redux, Webpack, ESLint, and Chakra UI. It uses cutting-edge technologies for a high-quality online store experience, including static type-checking with TypeScript, state management with Redux, module bundling with Webpack, and UI components from Chakra UI.

• Host: GitHub
• URL: https://github.com/kubatbekkk/online-store
• Owner: Kubatbekkk
• Created: 2023-01-04T16:49:10.000Z (about 2 years ago)
• Default Branch: main
• Last Pushed: 2023-02-21T17:58:12.000Z (almost 2 years ago)
• Last Synced: 2024-11-13T01:52:08.754Z (3 months ago)
• Topics: chakra-ui, javascript, localstorage, react, redux, typescript
• Language: TypeScript
• Homepage: https://rstechkn.netlify.app/
• Size: 18.3 MB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
## React TypeScript Online Store (RS-School)

[Made with React](https://beta.reactjs.org/) |  [Deployment on Netlify](https://rstechkn.netlify.app/)

This is an educational project for building an online store using [React](https://beta.reactjs.org/)\

with [TypeScript](https://www.typescriptlang.org/), [Redux](https://redux.js.org/), 

[Webpack](https://webpack.js.org/),  [ESLint](https://eslint.org/), and [Chakra UI](https://chakra-ui.com/).

#### Getting Started

To get started with the project, follow these steps:

Clone the repository: `git clone https://github.com/Kubatbekkk/online-store.git`\

Install dependencies: `npm install`\

Start the development server: `npm start`\

The application will run at `http://localhost:3000`.

#### Features

The online store includes the following features:

Browse products: Users can view all available products and filter them by category.

Product detail page: Users can view details about a specific product, including its price, description, and reviews.

Add to cart: Users can add items to their cart and see the total cost of their order.

Checkout: Users can enter their shipping and payment information to complete their order.

#### Technology

The project uses the following technologies:

- [React](https://beta.reactjs.org/): A JavaScript library for building user interfaces

- [TypeScript](https://www.typescriptlang.org/): A statically typed superset of JavaScript

- [Redux](https://redux.js.org/): A library for managing the state of a React application

- [Webpack](https://webpack.js.org/): A module bundler for JavaScript

- [ESLint](https://eslint.org/): A linter for identifying and reporting on patterns in JavaScript code

- [Chakra UI](https://chakra-ui.com/): A library of UI components for React

#### Contributing

Contributions to the project are welcome! If you'd like to contribute, please follow these steps:

Fork the repository.

Create a new branch for your feature: git checkout -b feature-name

Make your changes and commit them: git commit -m "Add feature"

Push your changes to your fork: git push origin feature-name

Create a pull request to merge your changes into the main branch.