Arries Place

Arries Place is a fashion designer shop built using Next.js. This project is a static site with five main routes and follows a design from Figma.

Table of Contents

• Routes
• Figma Design
• Demo
• Installation
• Usage
• Technologies
• Backend
• License

Routes

The application has the following routes:

1. Homepage - /
2. Shop - /products
3. Product Details - /products/:id
4. Cart - /cart
5. Checkout - /checkout

Figma Design

The design followed for this project can be found on Figma: Arries Place Design

Demo

The site is hosted on Netlify and can be accessed at: Arries Place on Netlify

Installation

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/Adufe-Obanijesu/hng_shop
   cd hng-shop

2. Install the dependencies:

   npm install

3. Run the development server:

   npm run dev

   Open http://localhost:3000 with your browser to see the result.

Usage

Navigate through the routes to explore the features of the shop:

• Homepage: A welcoming page showcasing featured products and promotions.
• Shop: Browse through all available products.
• Product Details: View detailed information about a specific product.
• Cart: See the items added to your cart and adjust quantities.
• Checkout: Complete your purchase by filling out the necessary details.

Technologies

This project is built with the following technologies:

• Next.js
• React
• Tailwind CSS
• Netlify

Backend

The backend for this project is implemented using the Timbu API. You can find more information about the API here:

• Timbu API
• Timbu API Documentation

License

This project is licensed under the MIT License.