Profile Picture

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
Search Player Modal
Finish Game Modal
Admin Dashboard

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.