Hello and welcome to the GitHub repository of my personal website! This project is a testament to my growth and learning journey in software development. Below, I dive into the inspiration, process, challenges, and future plans for this project.
I've always been passionate about software development, and for the past few months I have been heavily focused on broadening my skills and developing a foundation in software development. In doing so, I have spent ALOT of time developing programs with various use cases. However, I realized that my current method of sharing my projects wasn't so great. Until now, i have been using Wordpress, a web content management system, to develop and change my website and a week ago, I decided to move away from WordPress and design, code and deploy a website of my own.
After spending probably about 6-8 hours scrolling the web to try and find good examples of websites, along with some tutorials to help me develop something usable, i was finally able to visualise the website i wanted to create. My scouring of the internet had allowed me to get create a simple (kinda ugly) website with Next.js, TypeScript and Tailwind. Why TypeScript? As it turns out, TypeScript is a superset of JavaScript that allows you to define the types of variables and parameters, which is not only something I feel like I understand (based on my foundational understanding of programming) but also, saying I developed something in TypeScript just sounds cool. Now I'm sure there is alot more to it than what my tiny brain can comprehend but thats for a future project. Also, I used Next.js because of how friendly it is for new developers, or well in my eyes atleast. From what I learnt, with plain old React you need to install extra dependencies and set up a couple of functions to get page routing working while Next allows you to set up different pages simply based on where they are (I didnt want to spend any longer working on the website). Additionally, with Next, it makes it alot easier to handle server side and client side components at the same time. So, thats what I went with.
The biggest challenge of making this website was, aside from the loading bar, creating the grid that you see on the main page. The reason this was so difficult is because I honestly just didnt know how much I could really do with the React components. BUT, once I figured it out, I was able to wrap my head around the concept pretty well. If you're interested in hearing more about how the grid background works, make sure to check out the blog section of my website (coming soon hopefully)
I am thrilled to introduce the latest addition to my portfolio: a demo for the HANDyMouse project. This feature allows users to control a 3D model through a webcam for rotating and panning, showcasing my work with Python in an accessible way. The goal for the HANDyMouse project was to emulate the immersive experience of modern VR headsets, which can be controlled without physical controllers, and bring a taste of that interaction to a regular computer through python code.
After completing the project, I felt it was important to share this advancement not just among developers through my GitHub code, but also with a wider audience via a no-code software as a service solution. Integrating this demo on my website aims to bridge the gap between complex programming concepts and practical, user-friendly applications, pushing the boundaries of what's possible with software development.
- Implementing good SEO practices, like SSR and lazy loading of images.
- Working with Next.js, Tailwind CSS, and TypeScript.
- Utilizing UI libraries like Flowbite to streamline development.
- Developing a standalone page for each project, detailing the creation process.
- Creating an archive page with exclusive data on all my projects.
- Introducing a blog section connected through a backend server for faster page rendering. (Allowing me to explore SQL)
This journey is far from over! I'm excited to keep updating this repository as I add more features and content. Your feedback and contributions are always welcome.
Thank you for visiting, and let's make something amazing together! 🌟
Note: The website is still a work in progress, so some features mentioned may be coming soon. Stay tuned!