Artisan Alley

🌐 Live link to Artisan Alley 🌐

📜 Project Overview :

• Project Concept : This art and craft website serves as a digital platform for showcasing and selling handmade crafts. It provides an interactive and visually appealing way for artists and crafters to display their work.

• Problem Solved : The website acts as an online marketplace, supporting artists and small businesses by providing a space to display and sell their crafts. It also offers users a convenient way to browse and purchase unique handmade items.

---

🌟 Features

Responsive Design :

• Fully responsive layout that adapts to different screen sizes and devices.
• Optimized for mobile, tablet, and desktop viewing, ensuring a seamless experience across all platforms.

Interactive Gallery :

• Dynamic and user-friendly interface for browsing various art and craft items.
• High-quality images and detailed views of each item, enhancing the shopping experience.

User Authentication :

• User-friendly login and registration system for a personalized experience.
• Users can easily add, view, edit, and delete their own art pieces.

---

🛠 Technology Used

• Frontend: HTML, CSS, JavaScript, React
• Backend: Node.js, Express.js
• Database: MongoDB
• Authentication: JWT

How to Clone and Run the Project Locally :

1. Clone the repository:
   • First, you need to clone the client and server side. Open your terminal and type:

     git clone https://github.com/YOUR-USERNAME/YOUR-REPOSITORY

2. Open files in VS Code:
   • After opening the client-side files in VS Code, install npm dependencies:

     npm install

3. Firebase setup:
   • In your client side configure environment variables by creating a .env.local file in the root directory. Add the following variables:

       VITE_APIKEY
       VITE_AUTHDOMAIN
       VITE_PROJECTID
       VITE_STORAGEBUCKET
       VITE_MESSAGINGSENDERID
       VITE_APPID
     

     Replace VITE_API_URL add your server url example : VITE_API_URL='http://localhost:3000' .
4. Run local :
   • Open your vsCode tarminal and check which file are you. Go your client file and run code npm run dev then client side run in local.