Dream 11 Cricket Team Selector

Live Link

https://classy-alpaca-e7d9a0.netlify.app/

---

Description

The Dream 11 Cricket Team Selector is a responsive and interactive web application designed for cricket fans to create their ultimate fantasy cricket team. Users can select players from a dynamic pool, manage a virtual coin budget, and enjoy a seamless team-building experience. The app is built with modern web technologies to ensure responsiveness, interactivity, and an engaging user experience.

---

Packages and Libraries Used

• React: The core library for building the user interface.
• PropTypes: For runtime type checking of props in React components.
• React Toastify: For real-time toast notifications, providing immediate feedback on user actions.
• TailwindCSS: A utility-first CSS framework for creating responsive and reusable UI components.
• FontAwesome: A popular library for scalable vector icons and social logos.

---

Key Features

1. Dynamic Player Pool:

   • Fetches player data dynamically and displays them with details like name, role, country, price, and handedness.
   • Responsive grid layout for displaying players.

2. Player Selection and Budget Management:

   • Allows users to select up to 6 players per team while managing a virtual coin budget.
   • Displays real-time feedback on affordability and selection status using React Toastify.

3. Toggle Between Views:

   • Users can switch between "Available Players" and "Selected Players" views to manage their team efficiently.

4. Claim Free Coins:

   • Interactive banner section allows users to claim additional coins to select more players.

5. Real-Time Notifications:

   • Provides instant feedback for actions like exceeding the budget, reaching selection limits, or selecting duplicate players.

6. Player Removal:

   • Users can easily remove players from the selected list with an intuitive interface.

7. Responsive Design:

   • Built with TailwindCSS to ensure a consistent user experience across all devices.

8. Newsletter Subscription:

   • Footer includes a subscription section where users can sign up for updates.

9. Dynamic Navigation:

   • Navigation bar displays the current coin balance and links to key sections like home, fixtures, teams, and schedules.

---

Future Enhancement Ideas

1. User Authentication:

   • Implement login and registration features to save team selections and coin balances across sessions.

2. Advanced Filtering and Sorting:

   • Add filters for player roles, countries, and price ranges, along with sorting options to enhance usability.

3. Leaderboard Integration:

   • Introduce a leaderboard feature to compare user teams based on player performance in real games.

---