stendahls / fe-lia-2024 Goto Github PK

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-2024 .

You will need to clone it to your computer by running:

git clone https://github.com/stendahls/fe-lia-2024.git

Change to the new folder:

cd fe-lia-2024

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