The Phone Catalog is an intuitive and convenient program where users can see various gadgets presented on this site. The user can go through different categories, sections, where all the information about the selected product is described in detail. You can also add the product to the "favorites" category and to the "basket".
React: Utilizes a component-based architecture to build a dynamic and responsive user interface.
React Redux Toolkit: Manages global state across components efficiently.
TypeScript: Provides static typing to enhance code quality and prevent runtime errors.
JavaScript (ES6+): Powers dynamic functionality and interactive features.
CSS3: Handles styling to ensure a modern and visually appealing interface.
Sass (SCSS): Enhances CSS with variables, nesting, and mixins for maintainable and scalable styles.
React.memo: Optimizes component rendering by memoizing and preventing unnecessary re-renders.
Webpack: Bundles and optimizes JavaScript modules and assets for improved performance.
HTML5: Provides the foundational structure and semantic elements for the application.
REST API An application programming interface (API) that conforms to the design principles of the representational state transfer (REST) architectural style
To run this project locally, follow these steps:
- Clone the repository:
git clone https://github.com/MariiaSuper/phone_catalog.git
- Navigate to the project directory:
cd phone_catalog
- Install the dependencies:
npm install
- Start the development server:
npm start
- Open your browser and go to:
http://localhost:3000
to view and interact with the Phone Catalog.
This will launch the Phone Catalog on your local development server, allowing you to explore and test the project's features.