This project was built to practice my ReactJS and Firebase Skill. The project is all about Manchester City Football team and their Matches in Champion League. Matches and team player are added in real-time using a form in admin section of the website. The League Table is updated in real time using web scrapping.
- ReactJS
- React Router
- Material-UI(just for the form)
- Responsive and Mobile friendly design(pure css)
- Animation (css + React-Reveal)
- Using Third party reactjs package
- Firebase Realtime Database
- Firebase Storage(for Image)
- Firebase Auth
You can run a hosted version of the app at https://manchester-city.netlify.com/
See the project sample video https://youtu.be/Fz04sQ785Tc
The project uses Node.js and the Create-React-App starter. If you do not have Node >= 6.x installed, you can download it here: Node.js
Once Node is installed, navigate to the directory where you want to store the app
git clone https://github.com/Akash187/manchester_city.git
npm install
Create a Firebase App and put the keys and secret in a .env file in the root of project. See the example below.
REACT_APP_FIREBASE_API_KEY=AIzaSyBjuzodfdsjkKDFfkdk2oJYUX9dEaU
REACT_APP_FIREBASE_AUTH_DOMAIN=manchester-city-12e45.firebaseapp.com
REACT_APP_FIREBASE_DATABASE_URL=https://manchester-city-12e45.firebaseio.com
REACT_APP_FIREBASE_PROJECT_ID=manchester-city-12e45
REACT_APP_FIREBASE_STORAGE_BUCKET=manchester-city-12e45.appspot.com
REACT_APP_FIREBASE_MESSAGING_SENDER_ID=2412e4546937
Once all of the dependencies have been installed you can launch the app with
npm start
A new browser window should automatically open displaying the app. If it doesn't, navigate to http://localhost:3000/ in your browser