Take a deep breath. This brings back memories. This is my first-ever project. AshBio is the predecessor to my current portfolio website. Every developer would definitely never forget the first project they built. For me, this is something that holds a special place in my heart. I spent quite a while developing this website, so do check it out when possible!
AshBio Homepage Hero Shot
Planning
As an aspiring web developer, I wanted to create a portfolio for myself. I had to display my skills and achievements on a personalized website to make it easier for people to reach out to me. At the same time, I also thought this would be the perfect opportunity for me to implement whatever knowledge I had gained, so I decided to test myself.
First, I decided to choose a suitable tech stack for this project. As a novice in the field of web development, I decided to go with the basics:
- HTML - For the core structure and content.
- CSS - For styling and layout.
- JavaScript - For basic interactivity and dynamic effects.
Yup, that’s it! React.js was something I was still taking my time to become familiar with. I redesigned the website once again once I became more comfortable with it. For now, the earlier version was designed using basic HTML, CSS, and JavaScript.
AshBio Tech Stack
Getting Started
I was at a blank spot. I just had a brief idea of what to do, and just like any beginner, I experienced many errors and problems like syntax errors, logic errors, etc. First, I created a wireframe for the entire website. We need to have a clear idea of what we are going to do first, then we can implement it properly.
I focused on the hero section first. I added an image of myself, the main title “AshBio”, and implemented a cool design. I was actually satisfied with how it turned out. I added the following sections to my website:
- Home
- About
- Work
- Contact
AshBio About Section
AshBio Works Section
AshBio Grid Layout
AshBio Contact Section
Workflow
It was a long process, honestly. I was just a noob here, and it was a bit frustrating at times too. If one component fit perfectly, some other component wouldn’t work well. If the alignment on one page came out okay, some other alignment would get disrupted. The goal is to tackle and withstand all these obstacles to really develop and improve yourself.
I completed one section after another, sought guidance from YouTube videos and documentation, and progressed along. Some things can really seem daunting at the beginning, but once you progress and get the hang of it, it will gradually become easier.
Conclusion
The website was completed in two months' time. Honestly, I’m really glad about the decision I made. Creating this website really provided me with valuable experience and paved the way for the creation of more projects. It is one of the main reasons for molding me and making me the person I am today.
To all the newbies and beginners reading this, don’t hesitate to try out new things. You never know if the grass is greener on the other side unless you cross the river. So if you have plans to do new projects, this is your calling. Start today — it’s never too late.
AshBio Conclusion Collage