Building my first website from scratch has been a whirlwind of learning and excitement. Just a month ago, coding was a foreign language to me. Today, I am proudly looking at a site that's 90% complete, thanks to my newfound HTML and CSS/SASS skills.
The Milestones
In today's work session, I focused on refining the website, attending to various elements:
Typography Tweaks
I spent time revamping the typography across the site, aiming for a consistent and pleasing look.
Patching Missing Links
Identifying and adding missing hyperlinks was a necessary step in ensuring seamless navigation.
Uploading a Favicon
Even the smallest details matter. Uploading a favicon might seem trivial, but it adds a professional touch to the site.
Netlify Deployment
The highlight of the day was deploying the site on Netlify. It was an incredible feeling to see my work live on the internet. The process was surprisingly straightforward: connect GitHub, select the repository, and there it was—a live site!
Step 1: Choose "Import from Git"
Step 2: Choose "Deploy with GitHub"
Step 3: Choose either all or a specific repository
Step 4: I went with a specific repository
Step 5: Choose your repository branch and that's it!
Step 6: Netlify generates a unique link (ending in .netlify.app) for your site. But, you can change the permalink to a name that suits you.
Step 7: Hopefully, your site name is available!
Triumphs and Challenges
However, no journey is without its hiccups. As thrilled as I was with the deployment, I encountered a few unexpected issues post-launch:
Missing text highlights and button features on both desktop and mobile versions.
The blog page's lack of mobile responsiveness.
Misaligned input boxes and labels on the contact page.
Everything looks fine on the test site, and I can't figure out what's gone wrong with the deployed site! Scratching my head on this one...
The Road Ahead
With only 8 days left and a to-do list that seems to stretch for miles, I know there's work cut out for me. I've got 24 wireframes, a PowerPoint presentation, a video demo, and a Readme.md file yet to complete. Gulp!
Conclusion
The journey from clueless to code-capable has been thrilling, but it’s not without its challenges. As I face these roadblocks in the final stretch, I'm reminded that every obstacle is an opportunity to learn. I’m excited to tackle these issues and complete my first website project. Stay tuned for updates on how it all pans out!