samarth1302/footzone

FootZone

Demo - https://drive.google.com/file/d/1jaV8KIcmxgMC8w7JK_31GRP1LJF8AtVd/view?usp=sharing

Welcome to FootZone - your ultimate destination for everything football! FootZone is a dynamic web platform that brings you the latest news, fixtures, standings, and user engagement features from the world of football.

Features

News Integration: Stay updated with the latest football news from around the world. Our website aggregates news articles from top sources to ensure you never miss a headline.

Stats: Our website provides comprehensive statistics to keep you informed about the latest happenings in the world of football.

User Comments: Engage with fellow football enthusiasts through our user comments feature. Share your thoughts, opinions, and reactions to news articles and other content on our website.

Fixtures: Access up-to-date match fixtures to stay informed about upcoming games.

Unique Features

Daily Stat Updates: Stay informed with daily updates on match fixtures, player stats, and more. Utilizing cron jobs, we fetch the latest information to keep you updated in real-time.

Custom API Fetching: We provide access to football information for free by utilizing custom-built API fetching techniques. This is achieved through optimizing the free tier of API services (with limits - 100 requests/day) by API-Football and football-data-org.

Page-Specific Comment System: Engage with our community through our custom-built page-specific comment system. Leave comments and replies on articles, match updates, and more, fostering discussions and interactions among football enthusiasts.

Ecommerce Page: Browse our ecommerce page for a wide range of football merchandise and accessories. From jerseys to footballs, find everything you need to show your support for your favorite teams and players.

Technologies Used

Frontend

• Next.js: A React framework for building server-side rendered and statically generated web applications.
• Chart.js: A JavaScript library for creating interactive charts and graphs to visualize football statistics.
• Tailwind CSS: A utility-first CSS framework for creating custom and responsive designs.
• Vercel: Deploy your Next.js application with ease using Vercel's platform for static and Jamstack deployments.

Backend

• Node.js: A JavaScript runtime for building scalable and efficient server-side applications.
• MongoDB Atlas: A cloud-based MongoDB service for storing and managing data.
• JWT Authentication: Implement JSON Web Token (JWT) authentication to secure user authentication and authorization.
• Render Cloud: Deploy your backend on Render's serverless platform, ensuring high availability and scalability.
• Other: dompurify: A JavaScript library to sanitize HTML and prevent XSS attacks.