"There you go man! Check this beautiful header out!"

• Create a Header Component
• Add a title and/or slogan and/or logo

"Hello Sir? Can you show me way to the next component, please?"

• Create a Navigation Component
• Place it in your Header Component
• Link neccessary sites / components

Welcome to your first project, where you work as a Team!

To Setup this Repository, follow these Steps:

ONE of your Teammembers:

1. Clone this Repo to your IDE
2. Add a backend module
3. Add a frontend module
4. Take care that you only have one git Repository for your Project
5. Commit and merge the changes to the main branch
6. In this Repo go to Settings -> Branches -> Click on "Add Branch protection rule" -> Give it a name like "main" -> Activate "Require a pull request before merging" -> Scroll down and click on "Create"
7. Setup your CI
8. Setup SonarCloud

And your done!

The other Teammembers now can clone the Repo aswell and start hacking :)

"I have a cool new route for this Tour. Check it out!"

• Create a PUT-Endpoint "/api/tours/{id}"
• In the frontend I want to update a single Tour via a formular
  • Update Component
  • Route to the Update Component
• write unit- and integrationtest

"Hello there, can you show me an unique Tour?👀"

• Create a GET-Endpoint "/api/tours/{id}"
• In the frontend I want to see a single Tour on a details page
  • Details Component
  • Route to the Details Component
• write unit- and integrationtests

"Hi, my name is Hans and I want to see all of your tours!"

• Create a GET-Endpoint "/api/tours"
• In the frontend I want to see all Tours, served from the backend
  • Gallery and Card Component
  • Route to Gallery
• Write unit- and integrationtests

Tour Model:

• id: String
• title: String

"Hell NOOO!!! This is ****** DELETE IT!!!"

• Create a DELETE-Endpoint "/api/tours/{id}"
• In the frontend I want to delete a Tour with just one click
  • Make a Button on the Card Component
  • Call the DELETE-Endpoint to delete the Tour
• write unit- and integrationtest

"Hey, aehm, I just want to add a cool Tour to the Gallery. Is it ok for you?"

• Create a POST-Endpoint "/api/tours"
• In the frontend I want to add a Tour via a formular.
  • Route: AddPage
• write unit- and integrationtests