🏃 Marathon Management

🌟 Overview

Marathon Management is a web application designed to manage marathon events and user activities. It offers secure authentication, a responsive user interface, and dynamic content updates. Users can easily manage their activities, track their progress, and interact with a streamlined dashboard. The application is optimized for all device types, from mobile to desktop.

---

⚙️ Technologies Used

• Frontend: React.js, Tailwind CSS, DaisyUI, React Router
• State Management & API: Axios, Firebase
• UI/UX: React Hot Toast, SweetAlert2, React Icons
• Date Handling: Date Fns
• Build Tools: Vite, ESLint

---

🚀 Core Features

✅ User Authentication: Secure login and signup functionality for a personalized user experience.
✅ Responsive Design: Fully optimized layout for mobile, tablet, and desktop devices.
✅ Real-Time Data Handling: Dynamic content updates with modern libraries.
✅ Interactive Dashboard: A user-friendly dashboard to manage and track marathon activities.
✅ Enhanced UI: Built with modern UI/UX principles for seamless navigation.

---

📦 Dependencies Used

"dependencies": {
  "axios": "^1.7.9",
  "date-fns": "^4.1.0",
  "firebase": "^11.1.0",
  "localforage": "^1.10.0",
  "match-sorter": "^8.0.0",
  "prop-types": "^15.8.1",
  "react": "^18.3.1",
  "react-countdown-circle-timer": "^3.2.1",
  "react-datepicker": "^7.5.0",
  "react-dom": "^18.3.1",
  "react-helmet-async": "^2.0.5",
  "react-hot-toast": "^2.5.1",
  "react-icons": "^5.4.0",
  "react-router-dom": "^7.1.1",
  "sort-by": "^1.2.0",
  "sweetalert2": "^11.15.8",
  "swiper": "^11.1.15"
},
"devDependencies": {
  "@eslint/js": "^9.17.0",
  "@types/react": "^18.3.18",
  "@types/react-dom": "^18.3.5",
  "@vitejs/plugin-react": "^4.3.4",
  "autoprefixer": "^10.4.20",
  "daisyui": "^4.12.22",
  "eslint": "^9.17.0",
  "eslint-plugin-react": "^7.37.2",
  "eslint-plugin-react-hooks": "^5.0.0",
  "eslint-plugin-react-refresh": "^0.4.16",
  "globals": "^15.14.0",
  "postcss": "^8.4.49",
  "tailwindcss": "^3.4.17",
  "vite": "^6.0.5"
}

---

🛠️ How to Run the Project Locally

1️⃣ Clone the Repository

git clone https://github.com/your-username/marathon-management.git
cd marathon-management

2️⃣ Install Dependencies

npm install

3️⃣ Start the Development Server

npm run dev

🔹 The app will be available at http://localhost:5173/ (or the port Vite assigns).

---

🌐 Live Project & Resources

🔗 Live Site: https://marathon-web-app.web.app/

---