Git Product home page Git Product logo

basketreport's Introduction

BasketReport
(React-TypeScript)


Table of contents

Project task

The project is about basketball, one of my biggest passions, apart from programming. Created in React/Sass/Typescript, you can learn more about NBA teams, players, and games. You can read the news and make your team.

Project overview

I am impressed by TypeScript, especially for its quick error tracking and improved support for JSX. With TypeScript's ability to define Props and their types outside of the component, React components are cleaner. Reducing the chances of potential bugs is my favorite feature. Now, I find it challenging to use React without TypeScript. Apart from TypeScript, I used Sass for styling, react-router-dom for navigating, and context API for state management. Players, teams, and games are retrieved from the balldontlie API. You are able to create your team that is stored in a local storage object. Maximum of 12 players, starting five and seven on the bench. You must provide the player's name, age, position, and image URL.

Built with

  • React
  • Sass
  • TypeScript
  • Balldontlie API
  • Nba Latest News API
  • Local Storage
  • React Router Dom
  • GitHub Pages

Lighthouse Score

Lighthouse Score

  • Performance: 99
  • Accessibility: 100
  • Best Practices: 96
  • SEO: 100

Last updated: 6/10/2024

I continuously strive to maintain and improve these scores with each update.

Live preview

Click for live preview

basketreport's People

Contributors

jeko10 avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.