Welcome to Artisan Alley

Live Site URL: Artisan Alley

Features and Characteristics

• Discover Exclusive Properties with Responsive Design: Browse exclusive painting and drawing from around the world on any device (mobile, laptop, or desktop).
• Update Painting: Using the MongoDB PUT method to update users painting data.
• Sell Painting: Creative artists can effortlessly showcase and sell their paintings.
• Smooth Animations: Enhance user experience with smooth animations using react-awesome-reveal.
• Firebase Authentication: Utilize Firebase Authentication to handle user authentication securely.

Website Category

• Painting and Drawing

• Setup

To setup the project you have to execute the command below:

1. At first you have to install all package. For this you Have to execute the command:

npm i

2. After install all package you need to run your project. But you can't run your project directly. Because I use environment variabel for security purpose. You have to add a .env file in your root directory and the a sample code of .env file are given below:

VITE_apiKey=*******************
VITE_authDomain=***************
VITE_projectId=***************
VITE_storageBucket=***************
VITE_messagingSenderId=***************
VITE_appId=***************

The first six api key you will get form firebase & and the last api key you will get from ImgBB.

3. After setting environment variable you can run or build your project.

For run your preject you have to execute the commad below:

npm run dev

4. For build your project you can execute the command below:

npm run build

Note: Must have installed Git and Nodejs in your system to do it!