Phone Catalog Project

Description

This project is a comprehensive catalog of phones, designed to help users find detailed information about various phone models, including specifications, and pricing. It aims to provide a seamless experience for users looking to compare and purchase phones.

Technologies Used

• HTML for HyperText Markup.
• Tailwind CSS for styling.
• React with TypeScript for dynamic content manipulation.

Additional Libraries Used

• swiper: for touch sliders.
• react-router-dom: for routing.
• howler: for working with audio.
• axios: for making HTTP requests.
• usehooks-ts: for reusable React hooks in TypeScript.
• tailwind-merge: for combining and deduplicating Tailwind CSS classes.
• react-query: for fetching, caching, and updating data in React applications.
• react-transition-group: for manages classes and group elements and implementation of actual visual transitions.

Preview Link

Live Preview

Mockup Link

View Mockup

Launch Instructions

To launch the project locally:

1. Clone the repository git clone https://github.com/Diliradon/phone-catalog.git
2. Navigate to the project directory cd phone_catalog
3. Install dependencies npm install
4. Start the server npm start
5. Open http://localhost:3000 in your browser to view the application.