Artisan Haven

Live Server: https://react-artisan-haven-client.web.app/

Server Site: https://github.com/TanveerAhmed4545/react-artisan-haven-server

About

Artisan Haven is an online platform dedicated to celebrating the intricate world of art and craft, primarily centered around the "Painting and Drawing" category. Artisan Haven is an art and painting-focused website elegantly designed and developed using React, React Router, and Tailwind CSS, featuring an original design by me.

Technologies:

React js, MongoDB, Express, Firebase, Tailwind CSS, DaisyUI, Lottie React

Features

• 📝 Authentication functionality ensures secure user access, and MongoDB is used for data management.
• 📝 Registered users can add their own art pieces to the platform, update their previously uploaded art, and delete their art pieces, giving them full control over their gallery and contributions while sharing their creativity with the community.
• 📝 Artisan Haven ensures optimal performance across devices of all sizes, delivering a consistent user experience.
• 📝 Private routes ensure user privacy and security, enhancing the overall experience.
• 📝 This is an Art and painting-related website.
• 📝 This website design was created by myself
• 📝 This website is built with a tailwind CSS library.
• 📝 The site also utilizes daisyUI for enhanced UI components.
• 📝 This website mainly has 4 pages. Home/ All Art Items / Add craft item / My Art and Craft List and also login and register.
• 📝 The Home Page contains a Navbar, Banner, Craft items section, Art Categories Section, 2 ExtraSections, and Footer.
• 📝 MongoDB collection and data have been created by me and that data has been used for this Website.

Packages

• Lottie React
• React-tooltip
• Aos
• swiper
• react-helmet
• react-hook-form
• react-toastify

Installation:

Step 1: Clone the Repository

First, clone the repository to your local machine using the following command:

git clone https://github.com/TanveerAhmed4545/react-artisan-haven-client.git

Step 2: Navigate to the Project Directory

Change into the project directory:

cd repository-name

Step 3: Prepare the Project

Before installing dependencies, make sure to clean up any existing ones:

• Delete the node_modules folder, if it exists.
• Delete the package-lock.json file, if it exists.

Step 4: Install Dependencies

Install the required dependencies by running:

npm install

Step 5: Start the Application

Run the following command to start the application:

npm start

Now, open your browser and go to http://localhost:3000/ to view your React app.