Y.S

Loading experience...

Ligat Haal X, Interactive Grid

Developed a dynamic web app displaying an interactive grid of football team logos, with a player search functionality using Next.js and TailwindCSS. Integrated Prisma ORM with Azure SQL Server for database management and deployed on Vercel. Implemented server-side rendering, API routes, and cron jobs for weekly data cache updates

Interactive Grid

Click to expand

Search Player Modal

Click to expand

Finish Game Modal

Click to expand

Admin Dashboard

Click to expand

Key Features

  • Interactive Grid: Users can explore different teams and players through an interactive grid layout.
  • Admin Dashboard: An admin dashboard is implemented for managing the grid and other content.
  • Authentication: Secure login and authentication mechanisms to protect user data and admin functionalities.
  • Responsive Design: The application is fully responsive, ensuring a seamless experience across all devices.
  • Animations: Smooth animations enhance the user experience and make the interface more engaging.

Technologies Used

  • React: For building the dynamic user interface.
  • Next.js: To take advantage of server-side rendering and static site generation.
  • TailwindCSS: For efficient and responsive styling.
  • Prisma: As the ORM for database interactions.