E-commerce

website: zaluskyyshop.vercel.app.

Project Description

E-commerce project is a feature-rich online store system that allows users to browse and purchase products online. This project offers many functionalities typical of an e-commerce platform. Here are the main features of the project:

• Adding Products to Cart: Users can add products to their shopping cart.

• Shopping Cart Management: The project provides full shopping cart functionality, allowing users to add, remove, and update the quantity of products in the cart.

• Registration and Login: Users can register or log in, enabling them to track their purchase history and update their account details.

• Chat with Administrator: The project allows users to send messages to the site administrator through a chat interface.

• Product Search: Users can search for products in the store using the search feature.

Technologies Used in the Project

• Next.js

• TypeScript

• SCSS

• Framer Motion

• Firebase

• Formik

• Swiper.js

• React-cookie

• React-hot-toast

• Dotenv

Installation and Setup

To install the project locally, follow these steps:

1. Clone the repository to your computer:

   git clone https://github.com/Zaluskyy/ecommerce.git

2. Install project dependencies:

   npm install

3. Setup a env file:

   Create a .env.local file and set the required environment variables using the following format:

   NEXT_PUBLIC_FIREBASE_API_KEY=your-api-key
   NEXT_PUBLIC_FIREBASE_AUTH_DOMAIN=your-auth-domain
   NEXT_PUBLIC_FIREBASE_PROJECT_ID=your-project-id
   NEXT_PUBLIC_FIREBASE_STORAGE_BUCKET=your-storage-bucket
   NEXT_PUBLIC_FIREBASE_MESSAGING_SENDER_ID=your-messaging-sender-id
   NEXT_PUBLIC_FIREBASE_APP_ID=your-app-id
   NEXT_PUBLIC_FIREBASE_MEASUREMENT_ID=your-measurement-id

4. Run the project:

   npm run dev