https://github.com/miftah-mj/bpl-squad
This project allows users to browse and select players, manage their team, and ensure the team stays within the budget.
https://github.com/miftah-mj/bpl-squad
crud rest-api sports
Last synced: over 1 year ago
JSON representation
This project allows users to browse and select players, manage their team, and ensure the team stays within the budget.
- Host: GitHub
- URL: https://github.com/miftah-mj/bpl-squad
- Owner: miftah-mj
- Created: 2025-01-08T22:26:05.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2025-01-18T06:35:21.000Z (over 1 year ago)
- Last Synced: 2025-02-05T17:50:26.091Z (over 1 year ago)
- Topics: crud, rest-api, sports
- Language: JavaScript
- Homepage: https://bpl-squad-using-react.surge.sh/
- Size: 655 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# BPL Squad
This project is a BPL (Bangladesh Premier League) squad management application built with React. It allows users to browse and select players, manage their team, and ensure the team stays within the budget.
## Table of Contents
- [Installation](#installation)
- [Usage](#usage)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Live Demo](#live-demo)
## Installation
1. Clone the repository:
```sh
git clone https://github.com/yourusername/bpl-squad-management.git
cd bpl-squad-management
```
2. Install the dependencies:
```sh
npm install
```
3. Start the development server:
```sh
npm run dev
```
## Usage
1. Open your browser and navigate to `http://localhost:5173`.
2. Browse the list of available players.
3. Select players to add to your team.
4. Manage your team by adding or removing players.
5. Ensure your team stays within the budget.
## Features
- **Player Selection**: Browse and select players from a list of available players.
- **Team Management**: Add or remove players from your selected team.
- **Budget Management**: Ensure your team stays within the budget.
- **Responsive Design**: The application is fully responsive and works on all devices.
- **Toast Notifications**: Get instant feedback with toast notifications for actions like adding or removing players.
## Technologies Used
- **React**: A JavaScript library for building user interfaces.
- **Tailwind CSS**: A utility-first CSS framework for rapid UI development.
- **React Toastify**: A library for providing toast notifications in React applications.
- **PropTypes**: A library for type-checking React props.
- **Vite**: A build tool that provides a faster and leaner development experience for modern web projects.
## Live Demo
Check out the live demo of the application [BPL Squad](https://bpl-squad-using-react.surge.sh/).