Art and Craft Management Platform-ArtHive

Live URL: https://arthive.netlify.app/

Description :

This project is a dynamic web application designed to manage art and craft items, ensuring a secure and personalized user experience. The platform integrates robust authentication mechanisms, including social login options, to provide secure access to user-specific features and data. Users can create, read, update, and delete (CRUD) their listings, fully managing their items. A personalized dashboard allows users to manage their profiles, view their activity history, and handle favorite items. The website is optimized for various devices and screen sizes, ensuring a seamless experience across desktops, tablets, and smartphones. Additionally, real-time feedback through toast notifications enhances user interactions by providing instant alerts for actions such as successful logins, item additions, and deletions.

Features :

• Utilizes authentication mechanisms to provide secure access to user-specific features and data.

• Implements Create, Read, Update, and Delete (CRUD) functionalities for managing art and craft items, offering users full control over their listings.

• Provides users with a personalized dashboard where they can manage their profile, view Added history, view details, and manage favorite items.

• Ensure the website is optimized for various devices and screen sizes, providing a seamless experience across desktops, tablets, and smartphones.

• Facilitates seamless login experience by integrating social login options.

• Utilizes toast notifications to provide real-time feedback on user actions such as successful logins, item additions, or deletions.

Technologies Used :

• Front-end: HTML, CSS, Tailwind CSS JavaScript, React Responsive Design

• Back-end: Node.js, Express.js MongoDB

• Authentication: Firebase Authentication

Package Name :

• React-hook-form
• React-Marquee
• Animate.css
• React-simple-typewriter
• React-awesome-reveal
• React-icons
• React-swiper
• React-Helmet

How to Run :

• git clone
• npm install
• create .env.local
• in .env.local file updated:
  • VITE_APIKEY=Your firebase code
  • VITE_AUTHDOMAIN=Your firebase code
  • VITE_PROJECTID=Your firebase code
  • VITE_STORAGEBUCKET=Your firebase code
  • VITE_MESSAGINGSENDERID=Your firebase code
  • VITE_APPID=Your firebase code
• npm run dev
• proper run go to Server : Server Site and updated all fetch url to localhost