Git Tutorial

Clone Repository guide in Visual Studio Code

1. Install Git

• Git install link
• Components: GitLFS(rest is default)
• Default Editor: your choice
• Initial branch name: Let Git Decide
• Path Environment: Git from the command line and also from 3rd-party software
• SSH Executable: Use bundled OpenSSH
• HTTPS Backend: Use the native Windows Secure Channel library
• Line ending conversations: Checkout Windows-style, commit Unix-style line ending
• Terminal emulator: Use MinTTY
• Default behavior of 'git pull': Fast-forward or merge
• Credential helper: Git Credential Manager
• Extra Options: Enable file system caching, Enable symbolic links

2. Install Node.js

• Node.js install link
• Get Node.js Version: v24.11.1(LTS) for Windows using Docker with npm

3. Install JDK 21

• JDK 21 install link

4. Create new Folder on local device to import project

5. Open File Explorer in Visual Studio Code

6. Clone Repository (first time)

• Clone from Github
• Choose: https://github.com/PLEB666/WebEngineeringProjekt
• Choose created folder
• Open Terminal
  • git config --global user.name "Your Name"
  • git config --global user.email "your.email@example.com"

7. Install npm modules

• Install nodejs
• Open Terminal
  • cd Frontend
  • npm install
  • npm install react-router-dom
  • npm install react-icons --save
    • if Skripts not allowed
      • Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser

How to run website

• Open project folder
• Open terminal
  • cd Frontend
  • npm run dev
• Copy url from terminal in browser (htttps://localhost:xxxx/)

How to create local branch

• Select main branch in VSCode (down left corner)
• Create new branch
• Choose Branch name

Commit and push local branch to Git

• Go to Source Control on left sidebar
• Create Commit message
• Commit
• Pop-up: Yes
• Publish Branch
• Go to github project
• Create pull request