[Sparta Coding Club] Week 4 - Today I learned
Tags: webdev, html, javascript, css
Published: 2024-03-01 13:41:19

Greetings fellow coders! Today, I am thrilled to share the culmination of my coding journey – the creation of my very own web resume. Join me on this adventure into the realms of HTML, CSS, and JavaScript as I transform a blank canvas into a dynamic representation of my skills and experiences.

## Week 4 at Sparta Coding Club: The Culmination

As I reflect on the past weeks at Sparta Coding Club, it's incredible to see how far I've come. Today's project, building my web resume, is a testament to the knowledge and skills acquired during this coding odyssey. This is not just a standalone project; it encapsulates the essence of what I've learned, making it a milestone in my coding journey.


## Step 1: Planning the Digital Blueprint

Every great project starts with a plan. Armed with a cup of coffee, I outline the sections – Home, About Me, Skills, Experience, Education, Projects, and Contact – carefully considering the content for each. A well-thought-out plan lays the foundation for a seamless execution.


## Step 2: Translating Ideas into Code

With the blueprint in hand, I dive into the coding process. HTML and CSS are my trusty companions as I bring the structure and style of my web resume to life. The clean and professional design, enhanced by CSS frameworks like Bootstrap, ensures a visually appealing and responsive layout.


## Step 3: Adding Life with JavaScript

To make my web resume stand out, I infuse interactivity using JavaScript. Animated transitions, interactive buttons, and scroll effects turn static information into a captivating experience. It's not just a resume; it's a digital journey for the visitor.


## Step 4: Showcasing Skills and Experience

The Skills section becomes a visual representation of my proficiency. Clean icons and skill bars, dynamically filled to represent expertise levels, provide a transparent view of my technical capabilities. The Experience and Education sections detail my academic and professional journey.


## Step 5: Highlighting Noteworthy Projects

Projects take center stage, demonstrating the practical application of my coding skills. From Newsday, a React.js and Node.js-powered news recommendation website, to Techno Savants, a blogging platform using React.js and Node.js, each project is a testament to my evolving expertise.


## Step 6: Inviting Interaction with a Contact Form

Understanding the importance of communication, I include a Contact Form. From traditional email to social media channels, various communication channels are provided. The clean and accessible form ensures seamless interaction for potential collaborators or clients.


## Week 4 Activity: Hosting My Web Resume

This week's activity at Sparta Coding Club aligns perfectly with my web resume project – hosting it. Utilizing GitHub Pages for free hosting, I follow the steps outlined in [How To Host a Static Website](https://www.w3schools.com/howto/howto_website_host_staticwebsite.asp). Additionally, I contemplate the option of a custom domain for that professional touch.


## Final Checks and Reflection

Before the grand reveal, I conduct a thorough review. Are there any errors? Is the user experience seamless? Links and interactive elements are double-checked. Feedback from friends and family becomes invaluable, offering perspectives that enhance the final product.

Link: https://ajbaliga28.github.io/

## Conclusion: A Virtual Realm of Innovation

And there it is – my web resume is now live, a virtual realm that encapsulates my coding journey. Each line of code, every pixel, reflects my dedication to creating seamless digital experiences. As I continue to learn and experiment, my web resume will evolve, showcasing the ongoing chapters of my coding story.

Join me for more coding adventures and tips in the next TIL Blog. Happy coding, everyone! 🚀