Personal Website
1. Project Overview
This project is a personal website that I created to showcase my projects, blog posts, and other information about me. The website is built using HTML, CSS, and JavaScript, and is hosted on Cloudflare Pages (for now)
2. Key Features
- Responsive site design that works on all devices
- No trackers or ads, ensuring privacy
- Counters for page views and unique visitors
- Filters for projects and blog posts
- Easy to use contact form
3. Technical Details
The website is built using HTML, CSS, and JavaScript. The site is hosted on Cloudflare Pages, which provides free hosting with a custom domain. The site uses no trackers or ads, ensuring privacy for visitors.
- HTML: Used for the structure of the site
- CSS: Used for styling and layout
- JavaScript: Used for interactivity and dynamic content
- Cloudflare Pages: Used for hosting the site and basic domain protection and analytics
4. Development Process
I came up with the idea for this website after realizing that this will make for a really good project to showcase my skills, a place where I can share my projects and blog posts, and an interesting project that I can put in my academic portfolio.
I started by consulting with AI, Claude 3.7 Sonnet Thinking in Github Copilot, to get some ideas on how to design the website, as well as some examples. I then started coding the website from scratch, using HTML, CSS, and JavaScript.
Github Copilot Screen Click the image to zoom in!
Since I already had a domain on Cloudflare, I decided to host the site with Cloudflare Pages. I plan to move the site to my own server in the future, but for now, Cloudflare Pages is a great free option with unbeatable uptime and convenience.
Cloudflare Pages Screen Click the image to zoom in!
My initial plan for the website is to showcase my personal projects and blogs. The template by Claude was more than enough for me, so I then focused on adapting the template for my own use. It then transformed into the page you are on now!
5. Development Roadmap
Project Started
The development was initiated
Website Deployed
The website was published to my domain, 'jimmyn.idv.tw'
Cleanup and optimise source codes
The current code contains many places that can be improved to increase readability and reduce clutter.
Self host the website
The website was hosted on Cloudflare Pages, but I plan to move to my own hardware after I figure out how reverse proxies work.
Many more to come!
I'll update this when I come up with more ideas!
Outcomes & Lessons
I've dreamed of having my own page for a long time now, ever since I bought a book about websites in elementary school.
So when I finally bought my own domain, 'jimmyn.idv.tw', it suddenly occured to me that it would be possible now! I didn't do it back then mainly because I don't have my domain and hardware to host it, but it's all posible now!
The process of developing and setting up the website is very enjoyable for me, and I will continue to add new features and pages to this website!