Front-End Development
I designed the user interface using Tailwind CSS to create a clean, responsive layout that works across desktop and mobile devices while maintaining a consistent visual style.
Overview
I designed and developed this portfolio website to showcase my engineering projects, technical work, and development skills. The front end was built using Tailwind CSS to create a responsive and modern interface, while Node.js with JavaScript handles the server-side functionality and routing between pages.
The site is self-hosted on a Raspberry Pi, giving me direct experience with lightweight deployment, Linux-based server management, and performance optimisation. Hosting the website myself allowed me to work with both the software and infrastructure sides of a web project rather than relying on a managed hosting platform.
To securely expose the server to the internet without port forwarding, I configured a Cloudflare Tunnel. This provides encrypted external access while helping maintain network security by avoiding direct exposure of the local network.
This project demonstrates practical experience in full-stack web development, lightweight server deployment, and secure self-hosted infrastructure management. The website is still under active development, with additional dedicated project pages and further refinements to layout, functionality, and presentation still being added.
Key Aspects of the Project
Back-End and Routing
I used Node.js and JavaScript to handle the server logic and routing, allowing the website to serve multiple pages and project sections through a lightweight back-end structure.
Self-Hosted Deployment
The site is hosted on a Raspberry Pi, giving me hands-on experience with deployment, Linux-based configuration, server management, and performance tuning on low-power hardware.
Secure External Access
I configured a Cloudflare Tunnel to securely expose the web server to the internet without port forwarding, providing encrypted external access while improving network security.
System Features
- Responsive front-end built with Tailwind CSS
- Node.js back-end with JavaScript routing
- Multiple project pages and portfolio navigation
- Self-hosted on Raspberry Pi hardware
- Linux-based server configuration and management
- Secure external access through Cloudflare Tunnel
- Lightweight deployment and infrastructure control
- Ongoing expansion and refinement of project pages
Technical Skills
Tailwind CSS
Responsive UI Design
Node.js
JavaScript
Routing
Raspberry Pi Deployment
Linux System Configuration
Cloudflare Tunnel
Self-Hosted Infrastructure
Project and Development Skills
Full-Stack Development
Problem Solving
Iterative Design
Deployment
System Administration
Documentation
Technical Communication