Introduction

I have built this website from scratch as my personal website to showcase my projects, skills and act as a neat portfolio site! I've further developed my skills using the latest popular industry technologies including React.js, Next.js and TailwindCSS as the core of my website.

Tech Stack

• Next.js
• React.js
• Node.js

Developing my Website

Development began with the main index page, producing a variety of separate modular components which act as separate sections as the user scrolls.

Following this, I proceeded to work on the projects page which would list all of my projects in a grid. This expanded to working on the dynamic /projects route which pulls data from markdown files and parses it into a neat layout, alongside the actual article content.

This data is also used for the main projects page and the home page projects component, deprecating the need for the json data that was previously used.

Conclusion

This has been a great experience to further develop my modern web development skills and I will be maintaining this for the long-term future.