4IT580: Docs1st Homework
The goal of this homework is to set up your editor and SSH to connect to 4IT580 server, then implement a counter in React.
You will need this setup for during whole semester.
There are 4 steps:
- [ ] Connect to the server
- [ ] Edit files on the server
- [ ] Implement a simple React counter
- [ ] Send a link of a working React counter
Deadline: Monday 22/09/2025 - 23:59:59
If you have any problems contact your teacher via MS Teams: Martin Kapal (@xkapm25).
Connect to Server
Check Your Email for SSH Login
It should be in your school inbox:
- subject: 4IT580: SSH access for
- sender: no-reply@mail.vse.handson.pro
- content:
Please check your SPAM folder too.
If you did not receive it contact Martin Kapal (@xkapm25).
Connect to Server
- follow steps in "Hello, Server!":
- [ ] Connect to Server Using SSH
- [ ] Initial Project Installation
- [ ] Code Editor
Edit file on server
- open this file on the server:
- For those not using VS Code editor, the file is located on server here:
- the content of should be this:
- replace with
- save the file
- result should be visible at: https://dev-frontend--vse.handson.pro/practical/01
Create a Simple React Counter
Open and implement a simple counter.
Here is an example implementation
Acceptance criteria are:
- the initial value of counter should be
- the current value should be visible, eg:
- there should be a button
- if user presses the button it should increment the counter by 1
- the user should see the new value, eg:
- the user should be able to increment the value multiple times
- don't use ugly hacks!
Hints
- you have to use the hook
- you have to import
- you can get some inspiration in Hello, React!
- or you can read more in React docs:
Send a Link to Working React Counter
Once you are finished:
- send a link to a working React counter
https://dev-frontend--vse.handson.pro/practical/01 - via MS Teams to Martin Kapal (@xkapm25)
Deadline: Monday 22/09/2025 - 23:59:59