Footy-Fetch

Overview

Footy Fetch is a MERN stack application designed to showcase my dual passions for football and cutting-edge technology, particularly in the realms of AI and data analytics. The application fetches and categorizes football-related posts from r/football, provides data analytics on posts and user interactions, and integrates with the OpenAI ChatGPT API for enriched user engagement.

Key Features

• Reddit API Integration: Integration and utilization of an API by fetching football-related posts from Reddit.
• Dynamic Data Categorization and Processing: Implements a custom algorithm to categorize fetched posts into discussions, news, and general categories
• Data Analytics: Provides analytics on user interaction, such as tracking the most commented posts and observing trends in user engagement.
• OpenAI ChatGPT Integration: Employs OpenAI's ChatGPT to facilitate interactive discussions about specific posts, leveraging advancements in AI and NLP.

Backend Development

• Node.js & Express Framework: The server-side architecture is built with Node.js and Express, emphasizing efficient backend development.
• MongoDB for Data Storage: Utilizes MongoDB for storing and managing data, reflecting knowledge in NoSQL database systems.
• Performance Optimization: Incorporates NodeCache for caching analytics data, optimizing performance and response times.

Frontend Development

• TypeScript with Component-Based Architecture: The frontend is developed with TypeScript, enhancing code reliability and maintainability. Components and pages are organized in dedicated folders, each containing the component and its associated types, ensuring a modular and scalable structure.
• SCSS/CSS for Styling: Leverages SCSS/CSS for styling, providing a rich user interface while maintaining the flexibility and power of CSS preprocessing.
• Material-UI: Implements Material-UI for a sleek, modern look and feel, utilizing its comprehensive suite of pre-designed components for efficiency and visual consistency.

Technologies

• React
• MongoDB
• Express.js
• Node.js
• OpenAI's ChatGPT API
• Reddit API
• NodeCache
• TypeScript
• SCSS/CSS
• MaterialUI

Setup and Execution

[Instructions for setting up the environment, installing dependencies, and starting the server.]

Local Development To get started with Footy Fetch, follow these simple steps:

1. Install dependencies in root, frontend and backend folder

npm i

2. Run app from root

npm run dev

Deployment: Vercel https://footy-fetch.vercel.app/