Skip to content

RoierS/eCommerce-Application

Repository files navigation

🛍️🌐 eCommerce Application

RS School final task project

Welcome to our eCommerce application! This platform replicates real-world shopping experiences in a digital environment. It's a comprehensive online shopping portal that provides an interactive and seamless experience to users.

📝 Description

This eCommerce application is designed to offer a smooth and engaging shopping experience for users. From browsing products to checkout, the application ensures a convenient journey, boosting user confidence and satisfaction. Users can explore a wide range of products, view detailed descriptions, add items to their basket 🛒, and proceed to checkout 💳. The application also features user registration and login 📝🔐, product search 🔍, categorization 🗂️, and sorting 🔄 for a streamlined experience.

The application is powered by CommerceTools 🌐, a leading provider of commerce solutions for B2C and B2B enterprises.

Our app utilizes TypeScript for enhanced type safety and modern JavaScript features for optimal performance.

Key pages in the application include:

  • Login and Registration pages 🖥️
  • Main page 🏠
  • Catalog Product page 📋
  • Detailed Product page 🔎
  • User Profile page 👤
  • Basket page 🛒
  • About Us page 🙋‍♂️🙋‍♀️

🛠️ Technology Stack

  • React ⚛️
  • TypeScript 📘
  • ESLint 🧹
  • Prettier 🎨
  • Husky 🐶
  • Jest 🃏
  • CommerceTools 🌐

📜 Available Scripts

In the project directory, you can run:

npm start ▶️

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

npm test 🧪

Launches the test runner in the interactive watch mode.
See the section about running tests for more information.

npm run build 🏗️

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

npm run eject ⚠️

Note: this is a one-way operation. Once you eject, you can’t go back!

If you aren’t satisfied with the build tool and configuration choices, you can eject at any time. This command will remove the single build dependency from your project.

Instead, it will copy all the configuration files and the transitive dependencies (webpack, Babel, ESLint, etc) right into your project so you have full control over them. All of the commands except eject will still work, but they will point to the copied scripts so you can tweak them. At this point you’re on your own.

npm run lint 🔍

Runs ESLint to analyze and identify lint errors in the codebase.

npm run lint:fix 🔧

Runs ESLint and fixes auto-fixable issues in the codebase.

npm run prettier

Runs Prettier to format the codebase according to code style rules.

🚀 Getting Started

To set up and run the project locally, follow these steps:

  1. Clone the repository: git clone https://github.com/RoierS/eCommerce-Application.git
  2. Navigate to the project directory: cd ecommerce-application
  3. Install dependencies: npm install
  4. Start the development server: npm start

The application will open in your default browser, allowing you to explore and interact with it.

👥 Contributors

This project is developed by a team talented developers:

About

RS School final task project

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Contributors 4

  •  
  •  
  •  
  •  

Languages