Projects, Projects, Projects. Another year, another set of projects to do.
This year, I have given myself the challenge to do 52 projects this year. Each week, I will be doing a different project. So this is week 2 of Project 52.
GitHub is where all my projects are being stored. Yeah, this is an easy way to store all my projects, but how can I show them off more effectively? Code looks cool, but people want to see things. They say a picture is worth a thousand words, so that's what I'm doing. I'm building a website for all my projects to be in.
This is the game plan. This website will house all my projects. I can add pictures, videos, the whole nine yards. This allows me to show the world my coding abilities and also have a portfolio showcase.
Now it's time to get to work on the project.
The Process
As said before, I have a whole week to do this project. So why did I wait till Thursday to start the project? I don't have much time to make this very polished. Not only do I have to make the project, but I have to write all the documentation, record the GIF, and write this article you are reading now. I mean, as you can tell by reading this, I got it done, but this was super tough. This is only week 2, and I already feel like doing a project every week will be tough. But I got it done.
Due to the time constraints, I have decided to do a basic static website. It's just HTML and CSS. I'm hosting this website through GitHub Pages and GitHub Actions so I can have a CI/CD pipeline for my website. I do have plans to make this website better in between projects. But as one of my requirements, it has to run, and boy does it run.
Since this is a simple static website, I don't think there is a lot I need to say about this. But the most interesting thing I should talk about is how my deployment works. As I said before, it works through GitHub Actions. In the GitHub Pages section, you can deploy your static website using GitHub Actions. It will auto-generate a YAML file to do the deployment.
The only thing I needed to do was update where the site is being stored.
# Upload week2
path: './week-02-website/src/'
- name: Deploy to GitHub Pages
id: deployment
uses: actions/deploy-pages@v4
Now that it's up, here is the website in all its glory.
Wait till next week to see the next project.
Top comments (0)