pickems-center Tailwind Templates

Pickems Center

Pickems Center: Predict Soccer Euro 2024 group standings, earn points, and compete for the top spot! Drag-and-drop interface, real-time leaderboard, and seamless NextJS and Tailwind CSS integration.

Pickems Center

LIVE WEBSITE

Welcome to the Pickems Center repository! This project is a web-based platform where users can compete with each other by predicting the final standings for the Soccer Euro 2024 group stage.

How it Works

Users can access the platform and make predictions by dragging and dropping teams into their desired group placement. Points are awarded based on the accuracy of their predictions, with higher points for correctly predicting the entire group or the placement of individual teams.

Features

  • ✔ Intuitive drag-and-drop interface for making predictions.
  • ✔ Point system that rewards accuracy in predicting group standings.
  • ✔ Leaderboard page to track users' rankings and standings.
  • ✔ Interactive and engaging gameplay experience.
  • ✔ Authentication
  • ✔ Ability to view and compare other users' predictions with your own.

Technologies Used

This project is built using:

  • NextJS with Typescript for the frontend user interface.
  • Tailwind CSS for minimalistic and responsive styling.
  • NextJS APP Router for handling routing.
  • Shadcn-UI for UI components.
  • Next-intl for internationalization.
  • React-dnd for the drag and drop feature.
  • Supabase for Database and Backend.
  • Git and GitHub for version control and collaboration

Contributing

Contributions are welcome! If you have any suggestions, bug fixes, or feature requests, feel free to open an issue or submit a pull request.

Top categories

Loading Svelte Themes