Let´s Play FootBall

Table of Contents

About the Project

This is a small technical test of React. It is a website that shows the players of a soccer team.

Here you will find:

  • The list of team players
  • A detailed view of each player

(Return to top)

Build with

In this section you can see the technologies to carry out the project

  • TypeScript
  • ESLint
  • Vite
  • React
  • React Router
  • TailwindCSS

(Return to top)

Getting Started

Next we will see a series of prerequisites and indications to carry out this project.

Requirements

In order to run this project we need to have installed:

  • Node v16.17.1
  • NPM 8.19.2

Install

To install the project we have to:

  1. Clone the Repository
    git clone https://github.com/sstark97/lets_play_football.git
  2. Install all dependencies;
    npm i
  3. Enter your environment variables .env
VITE_PORT=

(Return to top)

Views

In this section you will see the different views

Home

In this view the user will be able to see the players of the team, having the option of clicking on any of them to see more details. If you click on Teams or on the logo, you will be redirected to Home.

Player

In this view the user will be able to see the details of the player

NotFound

If the user write another path in the url he see this view.

(Return to top)

Roadmap

  • Finish Home Page
  • Add React Router
  • Add Context
  • Add Player Page
  • Deploy in Netlify

(Return to top)

Contact

Aitor Santana Cabrera - @aitor_sci - aitorscinfo@gmail.com

Production: Let´s Play Football

(Return to top)