This project is a sample application showing how Olympic tournament data could be presented attractively. Inspired by the design of the official Olympic Games - we are not affiliated with Olympics.com.
› This project provides a modern and user-friendly alternative to the Olympic Games website. The design is heavily based on the original and was created as part of an assignment during training as an IT specialist for application development.
💝 › The project was developed by Yannic Drews, Yanic Doepner, and Nils Sievers and it is not affiliated with the Olympic Games. It is only a “fan-made” project and is intended for learning purposes.
› The project implemented all features that were required within the scope of the requirements specification and functional specification. These include the following features:
- 🏅 Sports Results Overview: Visitors can browse competition results organized by sport. Each entry displays the athlete’s name, the represented country, and the recorded performance.
- 🥇 Medal Visualization: Medal wins are clearly indicated with visual icons so users can instantly recognize gold, silver, and bronze achievements.
- 🌍 Country-Based Results View: Users can explore results by country through a graphical country overview and view both the medal table and all athlete performances of a selected nation.
- 📊 Medal Table & Statistics: The website provides visualized competition statistics such as medal counts, nation comparisons, and an overview of medals achieved by each country.
- 🔐 Secure Judge Login: Competition judges have access to a protected login area where they can authenticate using a username and password.
- ✏️ Result Management: Authenticated judges can add, edit, or delete competition results for supported winter sports disciplines.
- 🗄️ MySQL Database Storage: All competition data and results are stored securely in a MySQL database to ensure reliable and structured data management.
- ⚡ Real-Time Result Updates: Changes made by judges are immediately reflected on the public website so visitors always see the latest results.
- 📥 Excel Data Import: The backend supports importing data from Excel files, allowing judges to load initial data sets or update existing results efficiently.
- 📱 Responsive Design: The website is optimized for different screen sizes and works smoothly on desktops, tablets, and smartphones.
- 🌐 Multilingual Support: The platform supports multiple languages (including German, French and English) and allows users to switch languages at any time.
- 🛡️ GDPR Compliance: The website follows GDPR requirements by including a cookie banner and proper handling of user data.
- ✅ 100% Unit-Test Coverage: The application is protected by comprehensive automated tests, with unit tests achieving full coverage to ensure reliability and maintainability.
⚙️ › To run the test coverage and see the results, just open a terminal in the project root folder and run the command jest.
› You need to have Docker Desktop installed and started.
- Run the Backend REST-API (More Details here)
- Clone the repository by using
git clone https://github.com/yannic-md/olympia-website.git - Switch to the correct folder:
cd olympia-website - Run
docker compose up --buildand wait a few minutes.- You will probaly see a
Unknown Error, but you can ignore it - docker will continue anyway.
- You will probaly see a
- Visit the page in your browser: https://localhost:4000
You only need to do that once. From now on, you can start/stop the project in the "Docker Desktop" application.
› Competition judges can log in or register on this website to create, edit, or delete tournament data (athletes, countries, or competition results). Alternatively, an Excel import is also available.
Go to http://localhost:4000/login and create an account by clicking the text below the input fields. A modal will open where you can choose a username and set a password. After that, you will be automatically logged in and redirected to the homepage.
On the subpage http://localhost:4000/detailed, you will find a comprehensive overview of competition results. Here you can use the respective buttons to add, update, or delete entries.
Using the “Filter & Search” box above, you can switch the view in the “View” dropdown to “Athletes” or “Countries.”
When you click an action button, a modal will open where the data for a country, athlete, or competition result can be edited. The data is automatically validated and then sent to the backend, and the corresponding list is dynamically updated.