https://github.com/swapno963/shop_center

A shop site where uer can see all the products and by clicking it's title he can go to detail page and He can filter by catagory
https://github.com/swapno963/shop_center

Last synced: 26 days ago
JSON representation

A shop site where uer can see all the products and by clicking it's title he can go to detail page and He can filter by catagory

• Host: GitHub
• URL: https://github.com/swapno963/shop_center
• Owner: Swapno963
• Created: 2024-03-27T10:33:23.000Z (9 months ago)
• Default Branch: main
• Last Pushed: 2024-03-27T11:33:16.000Z (9 months ago)
• Last Synced: 2024-03-27T12:26:55.981Z (9 months ago)
• Language: JavaScript
• Homepage: https://shop-center-red.vercel.app
• Size: 579 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        
# Next.js E-commerce Project

Welcome to our Next.js E-commerce Project repository! This project is developed for product showcasin, hear we have various features essential for an e-commerce platform.

## Live Site

Check out the live site [here](https://shop-center-red.vercel.app/).

## Project Overview

In this project, we aim to build a robust e-commerce platform using Next.js, a powerful React framework known for its server-side rendering capabilities and excellent developer experience. Our goal is to create a seamless and responsive user experience while adhering to modern web development best practices.

## Key Features

- **Product Showcase**: Display 12 products on the home page to provide users with a glimpse of available offerings.

- **Product Details**: Enable users to view detailed information about each product, including name, category, rating, price, discounted price, and description. Multiple images of the product will also be showcased.

- **Category Navigation**: Implement category navigation, allowing users to explore products based on different categories.

- **Category Pages**: Show all products belonging to a selected category on dedicated category pages.

- **Responsive Design**: Ensure a smooth and visually appealing experience across various devices and screen sizes.

- **Structured Data**: Retrieve product data from a structured JSON list to maintain consistency and facilitate efficient data management.

## Project Structure

The project structure is organized as follows:

- `components/`: Contains reusable React components used throughout the application.

- `pages/`: Houses Next.js pages responsible for routing and rendering UI components.

- `public/`: Stores static assets such as images and fonts.

- `api/`: Hosts the structured JSON list and accompanying API documentation.

## Getting Started

To set up and run the project locally, follow these steps:

1. Clone this repository to your local machine.

2. Navigate to the project directory in your terminal.

3. Install project dependencies using your preferred package manager:

   ```bash

   npm install

   # or

   yarn install