This is a documentation of my process of developing my Personal portfolio website with the help of ChatGPT. I will go about how I developed my website - shivamroy.in completely with the help of ChatGPT and my knowledge of basic coding.
ChatGPT 4o was used for this project.
To begin with, I followed your general design process to finalize the design of my website. I knew I wanted it to be clean and following a grid. I laid out my primary stakeholders and their goals and objectives with my website. I wanted it to be a proper process you see.
I also wanted the website to show my quirkiness and be a platform to represent me as a person. I laid out all the goals of my website and started to explore different websites online. Including other portfolios. With this I created multiple mood boards each with a different idea direction. I then choose the direction that seemed the most feasible and aligning to my goals.
This was the easy part. Design is second nature to me. I defined the interactions and small tidbits of how I wanted things to behave.
I had no idea of hosting a website before this. Even though I have created basic HTML webpages with bits of css before, I had never touched JS. However, I knew this is where ChatGPT would come into play.
To go ahead with, I used GitHub Pages to host my website as it provides free hosting and flexibility to use your own custom domain that I purchased earlier. I was also somewhat comfortable with git and the VScode to GitHub workflow.
with help from some youtube tutorials, I was able to setup VScode and a project hosted on pages.
i would open the local copy in a browser and see the changes I made on there, before finalizing upon the tweaks and pushing the changes to git.