A Marathon Event Management app with many features such as Adding Marathons, Applying for Marathons etc.
- MARATHON MANAGEMENT: You can add Marathons & put it on the website for other people to register.
- EXPLORE MARATHONS: You can explore other peoples listed Marathons & Register.
- SORT YOUR MARATHONS: You can sort your Listed Marathons from oldest to newest.
- SEARCH APPLICATIONS: You can search through your applications by Marathon Title.
- JSON WEB TOKEN INTEGRATION: You can be guaranteed for a secure & safe data transfer.
Welcome to the vibrant world of MarathonOps, a running club that not only embraces the thrill of the open road but also cultivates a tight-knit community of passionate runners.
Frontend: React, React-Router, DaisyUI, HTML-CSS Backend: NodeJS, Express, Firebase, JWT, MongoDB
- Clone this github repository to your local machine.
- Run "npm install" first to install all the packages.
- Run "npm run dev" to run the app in development mode.
- Run "npm run build" to build the app, The build will be in the dist folder. You can preview with "npm run preview".
"@tailwindcss/vite": "^4.1.8",
"axios": "^1.9.0",
"daisyui": "^5.0.43",
"dayjs": "^1.11.13",
"firebase": "^11.8.1",
"lottie-react": "^2.4.1",
"motion": "^12.18.1",
"react": "^19.1.0",
"react-countdown-circle-timer": "^3.2.1",
"react-datepicker": "^8.4.0",
"react-dom": "^19.1.0",
"react-icons": "^5.5.0",
"react-router": "^7.6.2",
"react-slick": "^0.30.3",
"slick-carousel": "^1.8.1",
"sweetalert2": "^11.22.0",
"tailwindcss": "^4.1.8",
"usehooks-ts": "^3.1.1"
"cookie-parser": "^1.4.7",
"cors": "^2.8.5",
"dayjs": "^1.11.13",
"dotenv": "^16.5.0",
"express": "^5.1.0",
"firebase-admin": "^13.4.0",
"jsonwebtoken": "^9.0.2",
"mongodb": "^6.17.0"
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- @vitejs/plugin-react uses Babel for Fast Refresh
- @vitejs/plugin-react-swc uses SWC for Fast Refresh
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the TS template for information on how to integrate TypeScript and typescript-eslint in your project.