RosinskaK / Online_shop

React + TypeScript + FakeStore API + Tailwind + React Query + Redux ToolKit = Online_shop (fashion e-commerce shop)

Online_shop project

Project built in React💙

A responsive e-commerce application simulating an online fashion shop, where users can browse fashion items, add them to cart and favorites. Integrated with the FakeStore API to dynamically display product data.

➡️ Project Link:

Online_shop has a mobile version 📱 !!

Screenshots

About the Project

• Built with React, React Router DOM, Vite,
• SessionStorage stores data during active browser session,
• TypeScript ensures type safety and improves code quality,
• React Query manages server state, caching and efficient data fetching,
• Redux Toolkit ensures effective state management,
• tested with unit tests using React Testing Library with Jest,
• styled with TailwindCSS project is fully responsive, utilizes RWD principles.

Table of Contents

• About the project
• Usage
• Technologies and Tools Used
• Setup
• Acknowledgements
• License
• Contact

Usage

Technologies Used

CSS Modules

Setup

This project uses npm as package manager

  npm install

To run locally clone the project

  git clone https://github.com/RosinskaK/Online_shop.git

Go to the project directory

  cd Online_shop

Install dependencies

  npm install

Start the server

  npm run dev

Acknowledgements

• Fake Store API
• React icons
• Swiper
• React-toastify
• Canva
• Netlify

License

MIT

Contact

Created by Kasia Rosińska @RosinskaK - feel free to contact me! 👋

Live link: