Back to Projects

MotoGP Application

Individual Practice Project
Video

Individual Practice Project

MotoGP Application

Individual Practice Project

This full-stack project integrates a .NET Core Web API backend with a React frontend for managing and displaying MotoGP-related information including teams, riders, races, and sponsors. Built comprehensive API endpoints with proper HTTP methods and status codes. Utilized Entity Framework Core for ORM and database migrations with SQL Server. Created DTOs and implemented AutoMapper for clear data transfer between layers. Developed React frontend using React Router for client-side routing and Axios for API integration. Structured the application as a Single Page Application (SPA) with reusable components and responsive layout.

Key Learnings:

  • Developed .NET Core Web API endpoints following REST principles
  • Implemented database management and migrations using Entity Framework Core
  • Designed DTOs and used AutoMapper for efficient entity-to-DTO mapping
  • Integrated React with .NET API using Axios and managed async data fetching
  • Configured and handled routing using React Router for a seamless SPA experience
  • Applied best practices for component structure and layout management in React

Screenshots

MotoGP Application screenshot 1
MotoGP Application screenshot 2
MotoGP Application screenshot 3
MotoGP Application screenshot 4
MotoGP Application screenshot 5

Technologies Used:

ASP.NET CoreEF CoreSQL ServerReactReact RouterAxiosBootstrapAutoMapper

My Contribution

I created the entire backend API using .NET, implemented data modeling and migrations with EF Core, structured data handling using DTOs and AutoMapper, and developed various endpoints for data retrieval and interaction. On the frontend, I set up the React SPA, managed routing with React Router, integrated Axios for data fetching, and built reusable components for a responsive UI.