This project was generated with Angular CLI version 18.0.3.
Don't forget to install your node_modules before starting (npm install).
Run ng serve for a dev server. Navigate to http://localhost:4200/. The application will automatically reload if you change any of the source files.
Run ng build to build the project. The build artifacts will be stored in the dist/ directory.
As you can see, an architecture has already been defined for the project. It is just a suggestion, you can choose to use your own. The predefined architecture includes (in addition to the default angular architecture) the following:
componentsfolder: contains every reusable componentspagesfolder: contains components used for routingcorefolder: contains the business logic (servicesandmodelsfolders)
I suggest you to start by understanding this starter code. Pay an extra attention to the app-routing.module.ts and the olympic.service.ts.
Once mastered, you should continue by creating the typescript interfaces inside the models folder. As you can see I already created two files corresponding to the data included inside the olympic.json. With your interfaces, improve the code by replacing every any by the corresponding interface.
You're now ready to implement the requested features.
Good luck!