Artistic Aura is an Art & Craft Store website specializing in Painting and Drawing. It serves as a platform for artists and enthusiasts to explore, share, and purchase unique paintings and drawings across various styles and techniques. With a user-friendly interface and robust features, Artistic Aura provides a seamless experience for both buyers and sellers within the Painting and Drawing category.
https://art-craft-store-client-3b4ed.web.app
- Authentication: Users can register, log in, and log out securely using email/password or social media login options. Persistent login sessions ensure a seamless browsing experience.
- Browse Art & Craft Items: Explore a vast collection of paintings and drawings within the Painting and Drawing category, curated by talented artists from around the world.
- Add Craft Item: Registered users can contribute to the marketplace by adding new paintings and drawings to the database. The intuitive form allows users to specify various details such as image, name, description, price, etc.
- My Art & Craft List: Conveniently manage the artwork added by the logged-in user. This personalized dashboard allows users to track their listings, edit details, and remove items as needed.
- Responsive Design: Artistic Aura is meticulously designed to offer optimal viewing and interaction across a wide range of devices, ensuring a consistent experience on mobile, tablet, and desktop screens.
- Dark/Light Theme Toggle: Enhance user experience with a theme toggle feature that enables users to switch between dark and light themes on the home page, catering to diverse preferences.
- Error Handling: Robust error handling mechanisms ensure smooth navigation and prompt feedback to users in case of invalid inputs, network errors, or other unexpected scenarios.
- Frontend: React.js, React Router, Tailwind CSS, Daisy UI, React Icons
- Backend: Node.js, Express.js, MongoDB
- Authentication: Firebase Authentication
- Additional Packages: Toast, SweetAlert, Swiper Slider
- Clone the repository:
git clone [repository URL] - Install dependencies:
npm install - Set up environment variables: [Instructions for setting up environment variables]
- Run the development server:
npm start
[Insert screenshots of key pages or features]
- Tailwind CSS: Used for styling the UI components.
- Daisy UI: A UI component library for Tailwind CSS.
- React Icons: Library for using SVG icons in React components.
- Toast: Description of how it was used.
- SweetAlert: Description of how it was used.
- Swiper Slider: Description of how it was used.
- Google Map React: Description of how it was used.
- React Simple Typewriter: Description of how it was used.
- React Awesome Reveal: Description of how it was used.