Audiophile

Looking for a high-fidelity listening experience? In Audiophile you will find just what your ears need.

---

Table of contents

• Demo
• General info
• Technologies used
• Features
• Installation

Demo

The app is ready to be used: https://audiophile-rl.netlify.app/

General info

Audiophile is a dummy e-commerce where you can "buy" items like headphones or speakers. The site includes detailed information of each product, a shopping cart,a form to confirm a purchase order and much more. It also uses the browser's local storage to avoid the loss of products already added to the cart in case the site is closed or reloaded. All data is consumed from a JSON that is included in the project.

Technologies used

• HTML
• CSS
• JavaScript
• TypeScript
• React
• Hooks
• React Toastify
• React Responsive
• React Burger Menu
• Redux
• Redux Toolkit
• React Router
• SASS / SCSS
• Git

Features

• Form validation.
• Cart data persistence using local storage.
• Navigation between pages.
• Consume of a JSON for data usage.
• Use of a library for better state management.
• Responsive design.

Installation

1. Clone this repository

    git clone https://github.com/ChristianRL23/audiophile.git

2. Go into the repository

   cd audiophile

3. Install dependencies

   npm install

4. Run the app

   npm start

---

Portfolio  ·  LinkedIn