Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/axendeveloper/react-players-stats
The application shows a list of players with their score.
https://github.com/axendeveloper/react-players-stats
players points react typescript
Last synced: 24 days ago
JSON representation
The application shows a list of players with their score.
- Host: GitHub
- URL: https://github.com/axendeveloper/react-players-stats
- Owner: aXenDeveloper
- License: mit
- Created: 2021-05-27T15:58:38.000Z (over 3 years ago)
- Default Branch: master
- Last Pushed: 2023-11-26T12:26:42.000Z (about 1 year ago)
- Last Synced: 2024-10-26T23:49:29.604Z (2 months ago)
- Topics: players, points, react, typescript
- Language: CSS
- Homepage: react-players-stats.vercel.app
- Size: 485 KB
- Stars: 0
- Watchers: 2
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# (React / NextJS) Players Stats
The application shows a list of players with their score.
Players have colors when:
- score <= 100 - color **red**,
- score > 100 - color **green**
Score can have (0-150).
## 🧰 Install
Use commands:
```bash
git clone https://github.com/aXenDeveloper/react-players-stats
npm i
```
## 🛠Run
```bash
npm run dev
```
## 🔨 Deployment
Command:
```bash
npm run build
```
## 💻 Server
Commands:
1. ```bash
npm run build
```
2. ```bash
npm start
```
## 📂 Packages
| Packages | Description |
| --------------------------------------------- | ------------------- |
| [NextJS](https://nextjs.org/) | Framework ReactJS |
| [Typescript](https://www.typescriptlang.org/) | Types in JavaScript |
| [SASS](https://sass-lang.com/) | Style SCSS |
| [uuid](https://www.npmjs.com/package/uuid) | Unique ID |
| [Font Awesome](https://fontawesome.com/) | Icons SVG |
## 📷 Screenshots
