Live URL: https://animated-gumption-137bd7.netlify.app
Leaderboar is a responsive leaderboard web application built to display user rankings in a clear and structured format. The application highlights the top three ranked users separately on all pages to ensure maximum visibility and engagement.
- Top 3 ranks are displayed prominently at the top across all pages.
- Full leaderboard with dynamic ranking display.
- Clean, responsive, and accessible user interface.
- Optimized for various screen sizes and devices.
Access the application at:
https://animated-gumption-137bd7.netlify.app
- Frontend: React.js
- Styling: CSS
- Deployment: Netlify
Leaderboar/
├── public/
├── src/
│ ├── components/ # Reusable UI components (TopThree, LeaderboardTable, etc.)
│ ├── pages/ # Application pages/views
│ ├── assets/ # Static files (images, icons, styles)
│ └── App.jsx
| |__main.jsx # Main application component
├── .gitignore
├── package.json
├── config.json
└── README.md
To run the project locally:
-
Clone the repository:
git clone https://github.com/your-username/leaderboar.git cd leaderboar -
Install dependencies:
npm install -
Start the development server:
npm run dev
This project is licensed under the MIT License.