Phone catalog is a web application with all the necessary functionality. It allows the user to view the available products, see detailed information of the selected product and its variations, choose favorites and add them to the cart. It created according to design, using React with Typescript
Technologies used: React, Typescript, React Router, React Context, React icons, Local Storage usage, Swiper.js, HTML & CSS (SCSS)
- Convenient navigation: Using the React router, the user can easily and quickly switch between different pages
- State management: Using the React context provides efficient and convenient work with data and local storage, which allows you to store selected products without additional loads
- Search and sort: Adapted search and sorting to quickly find the necessary products
- Detailed information about device: The ability to view detailed information about the device, as well as a convenient way to compare colors thanks to instant page refresh
- Local storage usage: Selected devices are stored in local storage, which enables each individual user to store their selected products directly on their computer
- Sliders: Swiper.js allows to use this web application on any device and flip through slides or pictures both with the help of buttons and with the help of finger swipes
- Responsive Design: This website is fully responsive and works with different screen sizes. You can use it on mobile devices, tablets and desktops
- Optimizes Building: This website loads and runs very quickly and give for the user quick access to any part of the site
For launching this project you must have Node.js and npm on your computer. This project uses node v14.
- Clone repository with
git clone - Install dependencies with
npm installornpm i - Start project with
npm start
Or you can just use the link below