A web application dashboard to view Indian Premier League (IPL) teams and match details, built with Spring Boot and React.
Ensure you have the following installed on your machine:
- Java: Version 11
- Maven: Version 3.6 (or newer)
- Spring Boot: Version 2.4.4
- Node.js: Version 14 (or newer)
- React: Version 18.2.0
Instructions:
- Navigate to the
IPL-Dashboard/src/frontend
directory. - Create a
.env
file and define these parameters:REACT_APP_DATA_START_YEAR=2008
,REACT_APP_DATA_END_YEAR=2020
, andREACT_APP_API_ROOT_URL=
. The last parameter can be "//localhost:8080" when developing locally. - Run
npm install
to install dependencies. - Run
npm run build
to build the frontend application. The build files will be copied to the Spring application directory. - Navigate back to the project root directory.
- Run
mvn install
to install backend dependencies. - Run
mvn spring-boot:run
to start the Spring application. - Once the application is running, open your web browser and navigate to
http://localhost:8080
to access the IPL Dashboard.
- The application is deployed on AWS. (At the moment, the server is turned off.)
The application serves as a dashboard for viewing IPL teams and matches. Users can navigate through different teams, view team details, and see match details for a specified year.
This project was created following a tutorial series by Java Brains on YouTube.
- Channel: Java Brains
- Playlist: IPL Dashboard - Spring Boot + React Full Stack development
-
Backend:
- Java
- Spring Boot
- Spring Batch
- Maven
- HSQLDB
-
Frontend:
- React
- Node.js
-
Deployment:
- AWS
- Backend API endpoints are exposed for fetching team and match data, as defined in the
TeamController
class.
- Email: hamidreza74hrr@yahoo.com
- LinkedIn: Hamid Reza Rezaei