Skip to content

Cerw3xo/angular-nfl

Repository files navigation

Angular NFL App

An NFL information app built with Angular and TypeScript using data sourced from ESPN.

This project was my first larger framework-based frontend application and was created under mentorship while learning Angular. The goal was to better understand component-based architecture, application logic, and working with external API data in a real frontend project.

Live Demo

View live demo

Project Type

Learning project / mentored frontend project

Tech Stack

  • Angular
  • TypeScript
  • SCSS
  • HTML
  • CSS
  • ESPN data integration

Features

  • browse NFL-related information
  • display team data
  • show scores
  • show player statistics
  • display articles from ESPN
  • component-based frontend structure

Project Overview

This project was created as my first real Angular application while learning the framework with guidance from a mentor.

The main goal was not only to build a working app, but also to understand how a modern frontend framework works compared to plain JavaScript projects. Through this project, I practiced thinking in components, structuring code more clearly, and working with fetched data from an external source.

The application focuses on presenting NFL content such as:

  • teams
  • scores
  • player statistics
  • articles

My Role

I built the project as part of my Angular learning process and implemented the app based on mentoring sessions and home exercises.

Main areas I focused on:

  • understanding Angular project structure
  • working with components
  • handling fetched external data
  • building views around sports content
  • improving TypeScript-based frontend thinking

Getting Started

1. Clone the repository

git clone https://github.com/Cerw3xo/angular-nfl.git
cd angular-nfl

About

NFL information app built with Angular and TypeScript, powered by ESPN data.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors