Textile art store is a sophisticated web platform designed to showcase many other textile sub categories. This project aims to provide a seamless and visually captivating experience for users looking to explore high-end real estate options. And this project user can be added card, and updated and deleted card . Only own card he or she seen .

• Textile Listings: Highlight featured textile properties on the craft item section to attract attention.

• Immersive Visuals: We carefully select and blend colors to evoke specific emotions and moods, whether it's the tranquility of pastel hues or the vibrancy of bold contrasts. By leveraging the psychology of color, we aim to elicit visceral responses and create connections with the viewer.

• Own card: User can only add his card and seen . And he or she updates the card.

• **Make card:**All of us his or her choice make her card.All are depend by person.

• Responsive Design: Enjoy a seamless browsing experience across all devices, from desktops to tablets and smartphones.

• React.js
• Vite
• React Router DOM
• Firebase Authentication
• Tailwind CSS
• Tailwind UI
• Daisy UI
• Heroicons
• React icons
• Sweat alert
• Daisy ui loader
• Mamba Ui
• Helmet

Check out the live demo of Textile Art store here

1. Clone the repository:

   git clone https://github.com/programming-hero-web-course-4/B9A10-client-side-git12nazneen.git

2. Navigate to the project directory:

   cd b9a9-real-estate-git12nazneen
   

3. Install dependencies:

   npm install

1. Start the development server:

   npm run dev

2. Open your browser and go to http://localhost:5173 to view the website.

• Lottie React
• React Hook form
• React-tooltip

To run this project, you will need to add the following environment variables to your .env.local file

VITE_APIKEY

VITE_AUTHDOMAIN

VITE_PROJECTID

VITE_STORAGEBUCKET

VITE_MESSAGINGSENDERID

VITE_APPID

1. First initialized firebase

sudo npm install -g firebase-tools

2. Login to your firebase console

firebase Login

3. initialized firebase in this project

firebase init

4. Then Press Space to select features, then Enter to confirm your choices.

• Select Hosting: Configure files for Firebase Hosting and (optionally) set up GitHub Action deploys

5. Now enter foollowing command

• What do you want to use as your public directory? dist
• Configure as a single-page app (rewrite all urls to /index.html)? (y/N) yes
• Set up automatic builds and deploys with GitHub? (y/N) no

6. Now buld the dist folder

npm run build

7. Finally this time to deploy website in firebase, now enter this command

firebase deploy

• For any inquiries or support, please contact Nazneen Sultana