https://github.com/faisalamin001/frontend-code-challenge

https://github.com/faisalamin001/frontend-code-challenge

Last synced: 1 day ago
JSON representation

• Host: GitHub
• URL: https://github.com/faisalamin001/frontend-code-challenge
• Owner: faisalamin001
• Created: 2023-08-05T05:23:54.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-08-05T05:31:03.000Z (over 1 year ago)
• Last Synced: 2023-08-05T06:28:16.458Z (over 1 year ago)
• Language: JavaScript
• Size: 2.44 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Frontend Code Challenge - E-commerce App

This repository contains a small e-commerce web application developed as a frontend code challenge. The app is designed to showcase various frontend development skills and techniques required to build a functional and visually appealing e-commerce platform.

## Features

- Browse through a collection of products in the store.

- Add products to the shopping cart and view the cart contents.

- Dynamically update the cart in real-time as items are added or removed.

- Apply basic product filters and sorting options for a better shopping experience.

- Access a product detail page to view more information about a specific item.

- Seamlessly navigate between different sections of the application.

- Responsive design to ensure compatibility across various devices.

## Technologies Used

- React.js: A popular JavaScript library for building user interfaces.

- React Router: For managing routing and navigation within the application.

- Zustand: A state management library to handle cart data and app state.

- React Query: Used for data fetching and caching.

- Tailwind CSS: A utility-first CSS framework for rapid UI development.

- Yup: For form validation to ensure data integrity.

- LocalStorage API: Used for managing cart data in local storage.

- Tailwind Icons: For accessing a wide range of icons in the application.

## Installation and Usage

1. Clone the repository using `git clone https://github.com/faisalamin001/Frontend-Code-Challenge.git`

2. Navigate to the project directory: `cd Frontend-Code-Challenge`

3. Install the dependencies: `npm install`

4. Start the development server: `npm run dev`

5. Open your browser and visit `http://localhost:5173` to view the app.

## Live Demo

Will be live soon!

![App Screenshot](/preview.png)