Skip to content

Textile Art - This website user can find the most valuable 6 category textile art craft items and they can create craft item product card for selling purpose.

Notifications You must be signed in to change notification settings

JuborajSujon/textile-art-client

Repository files navigation

Textile Art

Live Site URL:

Firebase Hosting : https://textile-art-ta.web.app/

Netlify Hosting : https://textile-art.netlify.app/

Textile Art server side repository : https://github.com/JuborajSujon/textile-art-server.git

Project Overview

By this project user can manage thire art craft items adding, updating, delete and viewing craft item details. We use firebase authentication for user resgister, sign in, login also social login intregrating.

Features and Characteristics:

  • Comprehensive Art and Craft Management: Centralized platform to manage all aspects of art and craft items, including adding new items, updating existing ones, and viewing detailed information.
  • User Authentication: Secure and simplified user registration and login using Firebase Authentication, with additional convenience of Google and GitHub sign-in options.
  • Responsive and Engaging User Interface: Responsive design ensuring compatibility across various devices, along with engaging animations and theme selection (light and dark modes) for a personalized and interactive user experience.

Used Technology

  • Frontend Development : React, React DOM, React Router DOM, React Hook Form, React Icons, React Helmet Async, React Toastify, Lottie React, React Simple Typewriter, React Scroll Trigger, SweetAlert2
  • User Authentication & Security : Firebase
  • UI Components & Styling : Tailwind CSS, DaisyUI
  • Development Tools : Vite, ESLint, ESLint Plugins, PostCSS, Autoprefixer
  • Animations & Effects : tsparticles, animate.css, aos

Installation: 💻

  1. Clone the repository from GitHub:
git clone https://github.com/JuborajSujon/textile-art-client.git

  1. Navigate to the project directory:
cd textile-art-client
  1. Install dependencies using npm or yarn:
npm install

or

yarn install

Usage: 📖

  1. Start the development server:
npm run dev
  1. Open your web browser and visit http://localhost:5173 to access the application.

Additional Notes:

  • Ensure that you have Node.js and npm (or yarn) installed on your system before proceeding with the installation.
  • The application requires an active internet connection to fetch product data and provide personalized recommendations.
  • Customize the application as needed by modifying the source code files located in the project directory.
  • For production deployment, build the project using npm run build or yarn build and deploy the generated build files to your hosting server.

Enjoy exploring and discovering your favorite art crafts with Textile Art! 🚀:🚀:🚀