This repository contains a simple portfolio website implemented with vanilla JavaScript, HTML, and CSS. My aim with this project was to learn front-end development with the basic web technologies, before delving deeper into more advanced development frameworks. Furthermore, I wanted to do this project to learn how a simple website can be constructed from scratch.
The topic I learned the most about during this project was probably CSS. For example, I learned how to use the flexbox layout model and formed a basic understanding of the grid layout as well. Additionally, I learned what must be done to achieve a responsive website design.
Furthermore, I improved my HTML skills, learned about creating dynamic functionality into a website with JS scripts, and understood the basics of choosing good website colors and their ratio.
You can use the website in your own browser by following these simple steps:
- Install the Deno runtime by following the instrctions at: https://docs.deno.com/runtime/manual/getting_started/installation.
- Clone the contents from this repository to your local machine:
- from the command line with git:
git clone git@github.com:jsimell/Portfolio.git
- or by downloading the contents manually using the GitHub user interface
- from the command line with git:
- After downloading the contents, navigate to the root folder of the project in the command line.
- In the root folder, run the command:
deno run --allow-net --allow-read app.js
. - After this, you should be able to access the website in your browser at the address http://localhost:8000.