The name of my website is "CraftArt". here is the live link below website live link:

firebase: https://art-and-craft-auth.web.app netlify: https://playful-manatee-18b6b0.netlify.app/

all the npm package used here

1. npm react router dom
2. npm install tailwind
3. npm install daisy ui
4. npm install firebase
5. npm install react icon
6. npm install proptypes
7. npm install react hot toast
8. npm install swipper
9. npm install sweetalert2
10. react awesome reveal
11. react helmet
12. npm react tootltip
13. the npm package in the challenge part I use
14. npm react awesomne reveal
15. npm react tooltip

mainly this project is a mern project and this project can solve some problen such as

• this project is based on firebase authentication system where user can create account if they wnat a good user experience
• user can add art and craft product
• user can change theme depending on their eye visibility
• user can add product on their wishlist

Website Features and Characteristics

Features

• Responsive Design: this website is fully responsive including mobile device tablet and computer. so user experice will be the same.
• Intuitive Navigation: the nevigation system is very easy. user can use it as simple as that.
• Interactive Elements: website has an interactive element for this the user experience is much better.
• dark theme implement: for the dark theme feature at night also the user experience is far far better.
• update info system: user can instant update their info as well as update their data too.

Characteristics

• Accessibility: We prioritize accessibility standards, ensuring that our website is usable by all users, including those with disabilities.
• Security: Implementing robust security measures to protect user data and maintain the integrity of our website.
• Scalability: Designed with scalability in mind, our website can handle increased traffic and content expansion
• SEO-Friendly: Optimized for search engines, our website follows best practices to improve visibility and ranking on search engine results
• User Feedback: Incorporating mechanisms for gathering user feedback to continuously improve and enhance based on user preferences and needs.

technologies I have used in this project

• I have used React js
• I have used Tailwind css for CSS frame work
• For backend development I have iused mongodb, express, node
• after all this is a mern stack project

if you want to run this project, you need to do the following things

• first clone the projects client site
• then clone the projects server site
• then run the command npm i
• next run the command npm run dev