LiverpoolFC

A front end app created using React. Used Firebase for database, storage and authentication.

---

Table of Contents

• Description
• Installation
• What I Learned
• References
• License
• Info

---

Description

Liverpool FC is a professional football club in Liverpool, England, that competes in the Premier League, the top tier of English football.

I have created a front end web app for the team with details about the matches and team players. The app has a clean UI, animation effects and an admin dashboard with user authentication to Add/Edit/Delete matches and players.

Have a look at the Live version here.

Admin Login: { email: "roheat@gmail.com", password: "password" }

Technologies

• React
• Firebase

---

Installation

Step 1 - Clone the repo

$ git clone https://github.com/roheat/liverpoolfc.git

Step 2 - cd in the repo

$ cd liverpoolfc

Step 3 - Install dependencies

$ npm install

Step 4 - Add Firebase to the project and provide your app's Firebase project configuration to /src/firebase.js.

Step 5 - Run application

$ npm start

In browser, open http://localhost:3000

---

What I Learned

• Single page application routing using react router
• Animations using react move and react reveal
• Using firebase with react
• Authentication with email and password using firebase
• Form validation and verification
• Handling file upload in firebase storage using react firebase file uploader
• Add/Edit/Delete data in firebase database from react front end
• Creating a folder structure from sratch for a react app
• Material UI
• Writing custom CSS

---

References

• React
• React Router
• React Move
• React Reveal
• Firebase
• React Firebase File Uploader
• d3-ease
• Material UI
• Premier League - Liverpool

---

License

MIT © roheat

---

Info

• Website - roheat.com
• Twitter - @roheatdotcom
• LinkedIn - Rohith Srivathsav

_{If you find a bug or improvement, feel free to raise an issue and send a PR!}