Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/theinit01/leetcode-leaderboard-frontend
LeetCode Leaderboard is a web application that tracks and displays users' performance on LeetCode. Built with Flask for the backend and React for the frontend, it features a dynamic leaderboard, user profile viewing, and the ability to add new users. Perfect for competitive programmers to monitor their progress and compare with friends.
https://github.com/theinit01/leetcode-leaderboard-frontend
Last synced: 12 days ago
JSON representation
LeetCode Leaderboard is a web application that tracks and displays users' performance on LeetCode. Built with Flask for the backend and React for the frontend, it features a dynamic leaderboard, user profile viewing, and the ability to add new users. Perfect for competitive programmers to monitor their progress and compare with friends.
- Host: GitHub
- URL: https://github.com/theinit01/leetcode-leaderboard-frontend
- Owner: theinit01
- License: mit
- Created: 2024-07-08T18:50:16.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-07-11T13:28:21.000Z (4 months ago)
- Last Synced: 2024-07-12T01:06:57.529Z (4 months ago)
- Language: JavaScript
- Homepage: https://leetcode-leaderboard-frontend.vercel.app
- Size: 198 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# LeetCode Leaderboard
This project is a web application to track and display the performance of users on LeetCode. It includes features such as adding users, displaying a leaderboard, and viewing individual user profiles.
## Features
- **Leaderboard**: Display a ranked list of users based on their LeetCode performance.
- **Add User**: Add new users to the leaderboard by entering their LeetCode username.
- **User Profiles**: View individual user profiles with a summary of their total questions solved.
- **Responsive Design**: The application is fully responsive and works well on different screen sizes.
## Technologies Used
- **Frontend**: React, React Router, Bootstrap
- **Backend**: Flask, PostgreSQL
- **Styling**: Custom CSS, Bootstrap
## Getting Started
### Prerequisites
- Node.js and npm installed on your machine.
- Python and pip installed on your machine.
### Installation
1. **Install frontend dependencies**:
```sh
git clone https://github.com/theinit01/leetcode-leaderboard-frontend.git
cd leetcode-leaderboard-frontend
npm install
```
2. **Install backend dependencies**:
```sh
git clone https://github.com/theinit01/leetcode-leaderboard-backend.git
cd leetcode-leaderboard-backend
pip install -r requirements.txt
```
### Running the Application
1. **Start the backend server**:
```sh
cd leetcode-leaderboard-backend
flask run
```
2. **Start the frontend development server**:
```sh
cd leetcode-leaderboard-frontend
npm start
```
### Configuration
- **Backend**: The backend is a Flask server that handles API requests for fetching and adding users.
- **Frontend**: The frontend is a React application that communicates with the backend server.
### Contributions
Contributions are welcome! Please open an issue or submit a pull request for any improvements or bug fixes.
### License
This project is licensed under the MIT License. See the [LICENSE](LICENCE) file for details.