Project Name: Clothing For All

Purpose

This project is a single-page application (SPA) built using React and Vite. The main goal is to provide users with a seamless experience for navigating through different routes and managing their profiles using Firebase for authentication and user data management. Donating cloths to people who needed those cloths.

Live URL

Netlify: Clothing For All

Key Features

• User Authentication: Secure login and registration using Firebase Authentication.
• Profile Management: Users can view and update their profile information, including their name and photo URL.
• Forgot Password: Users can reset their password via email.
• Routing: Smooth navigation between different pages using React Router.
• Error Handling: Custom 404 error page for handling undefined routes.
• Environment Variables: Secure management of Firebase configuration using environment variables.

NPM Packages Used

Dependencies

• animate.css: ^4.1.1
• firebase: ^11.0.2
• localforage: ^1.10.0
• match-sorter: ^8.0.0
• react: ^18.3.1
• react-dom: ^18.3.1
• react-icons: ^5.3.0
• react-router-dom: ^6.28.0
• react-toastify: ^10.0.6
• sort-by: ^1.2.0
• swiper: ^11.1.14

DevDependencies

• @eslint/js: ^9.13.0
• @types/react: ^18.3.12
• @types/react-dom: ^18.3.1
• @vitejs/plugin-react: ^4.3.3
• autoprefixer: ^10.4.20
• daisyui: ^4.12.14
• eslint: ^9.13.0
• eslint-plugin-react: ^7.37.2
• eslint-plugin-react-hooks: ^5.0.0
• eslint-plugin-react-refresh: ^0.4.14
• globals: ^15.11.0
• postcss: ^8.4.49
• tailwindcss: ^3.4.15
• vite: ^5.4.10