Wireview Frontend

This is the frontend for my full stack E-commerce website hosted at https://wireviewfrontend1.vercel.app/
The design inspiration for this project is taken from the Shopify Woodstock theme.

Tech Stack:

• Next.js
• React
• JavaScript
• Recoiljs
• Tailwind CSS
• CSS
• Cloudinary
• Visual Studio Code

Prerequisites

Before you begin, ensure you have the following installed on your machine:

• Node.js
• npm

Installation

1. Clone the repository to your local machine:

git clone https://github.com/hiteshmishra2103/wireviewfrontend1.git 

2. Navigate to the project directory

cd wireviewfrontend1

3. Install Dependencies

npm install

Configure Environment Variables:

1. Create a .env file at the root of your project directory

2. Replace placeholders with your values:

Variable	Description	Example
NEXT_PUBLIC_SERVER_URL	URL of Wireview server	http://localhost:3000
NEXT_PUBLIC_CLOUDINARY_CLOUD_NAME	Your Cloudinary cloud name	your-cloud-name
NEXT_PUBLIC_PUBLISHABLE_KEY	Stripe key	your-publishable-key
NEXT_PUBLIC_UPLOAD_PRESET	Cloudinary upload preset	your-upload-preset

Usage

1. Start the development server:

npm run dev

2. Open your browser and navigate to http://localhost:3000 to view the project.

Screenshots

Products Page

Mobile View	Desktop View

Login Page

Mobile View	Desktop View

Admin Dashboard

Product Details Page

Mobile View	Desktop View

Orders History

Mobile View	Desktop View

Search box

Mobile View	Desktop View