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
- Clone the repository:
git clone https://github.com/programming-hero-web-course-4/B9A10-client-side-git12nazneen.git
- Navigate to the project directory:
cd b9a9-real-estate-git12nazneen - Install dependencies:
npm install
- Start the development server:
npm run dev
- Open your browser and go to
http://localhost:5173to 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
- First initialized firebase
sudo npm install -g firebase-tools- Login to your firebase console
firebase Login- initialized firebase in this project
firebase init- 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
- 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
- Now buld the dist folder
npm run build- Finally this time to deploy website in firebase, now enter this command
firebase deploy- For any inquiries or support, please contact Nazneen Sultana