Recreate Stendahls' web at https://www.stendahls.se/
Use our live pages as a sketch to start rewriting our web. How far you get, how your result looks and functions does not matter.
What matters is how you write your code and structure it.
- Do our start page first.
- Split the code into components and add structure where the repo needs.
- Write and add structure so that it would be easy for another person to take over your work.
- Stuff should work in major browsers and both on desktop and mobile.
- Hard code everything.
- Copy content from our pages.
- Please feel free to copy code from our pages as well, however code in the repo should be used, easy to read, and make sense.
- Do not get stuck on polishing.
- Do not get stuck on tooling, ops or deployment.
You can find our template repo at https://github.com/stendahls/fe-lia-2025 .
You will need to clone it to your computer by running:
git clone https://github.com/stendahls/fe-lia-2025.git
Change to the new folder:
cd fe-lia-2025
Install node packages by running:
npm install
Start the local dev service by running:
npm run dev
Then browse to http://localhost:5173/ .
We have created a component for you to help you start out, the Navbar component. It shows you how to structure a
component and also how to use it in the app. You don't have to use the pre-made component, but if you do, note that
the component is not finished, so it's up to you to make it look nicer.
Note: the navbar component is not the main focus here, it was simply created to show you the structure of a
component and how to use it. Focus on the whole solution rather than "just" fixing the navbar.
- When you are finished or the time is up, ZIP the project. Use the naming convention "yourname-StendahlsWebsite" for your ZIP file.
- Upload the ZIP at https://wkf.ms/3UgZU9G