https://github.com/miltonbhowmick/pantoneclo-frontend-interview
https://github.com/miltonbhowmick/pantoneclo-frontend-interview
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/miltonbhowmick/pantoneclo-frontend-interview
- Owner: Miltonbhowmick
- Created: 2024-12-15T20:22:08.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2024-12-15T20:45:53.000Z (5 months ago)
- Last Synced: 2025-02-09T03:28:18.626Z (3 months ago)
- Language: Vue
- Size: 109 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Pantoneclo Frontend Interview
## Table of Contents
- [About](#about)
- [Features](#features)
- [Limitations](#limitations)
- [Getting Started](#getting-started)
- [Prerequisites](#prerequisites)
- [Installation](#installation)
## About
Pantoneclo is a frontend project built to simulate an e-commerce platform with a modern, responsive design. This project includes a product display page with detailed product information, a dynamic cart, and wishlist management functionalities. The application is built using Vue.js, Vuetify, and Vuex for state management, and focuses on providing an intuitive user interface for a seamless shopping experience.
## Features
- **Product Display Page**: View product details such as name, price, description, and specifications.
- **Dynamic Cart**: Add products to the cart and see the updated cart summary.
- **Wishlist**: Add or remove products from the wishlist, with visual feedback using icons.
- **Product Specifications**: Displays dynamic product specifications (if available) such as screen size, battery life, camera, etc.
- **Pinia Store**: Centralized state management for cart and wishlist data.
- **Darkmode**
- **Sorting by Name, Price**
## Limitations
- Need to check data available and then show the DOM.
- Modify design to look more good.
## Getting Started
Follow these instructions to get the project up and running on your local machine.
### Prerequisites
Before you begin, ensure you have the following installed:
- Node.js (LTS version recommended)
- Yarn or npm
### Installation
1. Clone the repository:
git clone https://github.com/Miltonbhowmick/pantoneclo-frontend-interview.git
2. cd pantoneclo-frontend-interview
3. yarn install
4. yarn dev