🌟 CarePoint: Client-Side Application for Volunteer Management Platform

The CarePoint client-side application is designed to provide a seamless and user-friendly interface for managing volunteer services and accessing user profiles. Built with React, TailwindCSS, DaisyUI, and modern web development tools, this application ensures a responsive and interactive user experience.

---

🛠 Purpose

The purpose of this project is to deliver a highly efficient and intuitive frontend for the CarePoint platform, where users can browse services and manage their profiles effortlessly.

---

🌐 Live URL

• 🌍 Netlify Live Link: 👉 https://carepoint36.netlify.app
• 🌍 Firebase Live Link: 👉 https://carepoint-b2a32.web.app

---

🌐 Server Repository

• 🖥️ Server Site Repository: 🔗 https://github.com/arman-miaa/CarePoint-server

---

🚀 Key Features

• ⚛️ React SPA: Built with React for a smooth and fast single-page application experience.
• 🌐 Routing: Client-side routing implemented using react-router-dom for seamless navigation.
• 🔒 Authentication: Firebase authentication for secure login and signup.
• 🛠️ Custom Animations: Lottie animations for a modern and engaging user interface.
• 🎨 Responsive Design: Built with TailwindCSS and DaisyUI for a fully responsive UI.
• 🌈 Toast Notifications: Real-time alerts and feedback using react-toastify.
• 🎯 Dynamic Filtering and Sorting: Easily manage lists with sort and filter functionalities.
• 📊 State Management: Context API and Local Storage for smooth data persistence.
• 🧩 Interactive Widgets: Swiper for carousels, React Datepicker for easy date selection.
• ⚡ API Integration: Axios for seamless communication with the backend API.

---

📦 NPM Packages Used

Core Dependencies:

• React: Library for building user interfaces.
• React-DOM: React rendering library.
• React-Router-Dom: Enables dynamic routing.
• Firebase: Authentication and backend services for login and data management.

UI/UX:

• TailwindCSS: Utility-first CSS framework.
• DaisyUI: TailwindCSS components for UI design.
• React-Toastify: Toast notifications for user feedback.
• Lottie-Web: For adding animations.
• React-Datepicker: User-friendly date selection.
• Swiper: Modern slider/carousel component.

Utilities:

• Axios: HTTP client for API requests.
• Font-Awesome: Icon library for enhancing visuals.
• Localforage: Offline storage for managing user data.
• Sort-By: Simplifies sorting logic.
• SweetAlert2: Interactive alerts and confirmation dialogs.

Animations:

• Motion: React-based animation library.

Development Tools:

• Vite: Fast build tool and dev server.
• ESLint: JavaScript/React code linting.
• PostCSS: CSS transformations and optimizations.
• Autoprefixer: Adds vendor prefixes to CSS.

---

🖥️ How to Run Locally

1. Clone the Repository:

   git clone https://github.com/arman-miaa/CarePoint-client.git  
   cd CarePoint-client