Skip to content

Latest commit

 

History

History
41 lines (27 loc) · 1.47 KB

README.md

File metadata and controls

41 lines (27 loc) · 1.47 KB

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.