Football Fantasy FrontEnd

It's a simple sample from FPL.

Table of Contents

• Explanation
• How to Run
• Features
  • Sign Up
  • Sign In
  • My Team
  • Transfers
  • Events
  • Profile
  • Prizes

Explanation

FPL is stands for Fantasy Premier League. It's a sample of real soccer with data updated weekly, with many players, and points related to their weekly performance. This project is a simple sample of FPL. It was our project in Software Development Internship at Rahnema College. Our project is also responsive in a good way!

How to Run

• First, open the latest release of the project.
• npm install
• You can start the project locally and over HTTP using npm start or locally and over HTTPS using npm start-https.

Features

Sign Up

Sign In

My Team

• Schematic

• List

• Substitution
  • You can use return instead of yes or esc instead of no directly from your keyboard.

Transfers

• Schematic
  • Arrow keys work for switching between players in the ground.

• List
  • Arrow keys work for switching between players' rows in the list.

• Deletion
  • You can use return instead of deletion or esc instead of cancellation directly from your keyboard.

Events

• Like & Dislike

• Seeing Profile

• Search

Profile

• Seeing Profile

• Editing Profile

• A simple animation when you hover over your profile photo.

Prizes