Online Store

Welcome to the Online Store, an e-commerce platform built using modern web technologies. This project leverages React, Redux Toolkit, and Vite to provide a seamless online shopping experience.

Description

The Online Store application offers a user-friendly interface for browsing and purchasing products. It features a dynamic cart system powered by Redux state management, ensuring a smooth and responsive shopping experience.

Getting Started

Installation

1. Clone the repository:

   git clone https://github.com/aytmamatov/online-store.git
   cd online-store

2. Install the dependencies:

   npm install

Running the App

To start the development server, run:

npm start

Open your web browser and navigate to the provided URL to explore the online store.

To build the production version of the application, use:

npm run build

Scripts

• start: Launches the development server using Vite.
• build: Generates the production build.
• lint: Checks code for linting errors.
• preview: Previews the production build using Vite's server.

Technologies

• @reduxjs/toolkit: Efficient Redux state management.
• axios: Promise-based HTTP client for API requests.
• react: JavaScript library for UI components.
• react-dom: React package for the DOM.
• react-redux: Official React bindings for Redux.
• react-router-dom: Declarative routing for React applications.
• vite: Build tool for rapid development and server-side rendering.

Dev Dependencies

• @types/react: TypeScript type definitions for React.
• @types/react-dom: TypeScript type definitions for React DOM.
• @vitejs/plugin-react: Vite plugin for React.
• autoprefixer: PostCSS plugin for vendor prefixes.
• eslint: Linting tool for identifying code issues.
• eslint-plugin-react: ESLint plugin for React linting rules.
• eslint-plugin-react-hooks: ESLint plugin for React Hooks linting.
• eslint-plugin-react-refresh: ESLint plugin for React Refresh.
• postcss: CSS transformation tool.
• sass: Sass preprocessor for CSS.
• tailwindcss: Utility-first CSS framework.

Environment Variables

• VITE_APP_BASE_URL: Base URL for API requests. (Example: https://fakestoreapi.com)

Contributing

Contributions are welcome! To contribute to this project, fork the repository, create a new branch, make your changes, and submit a pull request.