This project represents the very first step in my software development career. Built as Task 1 for the CodSoft Virtual Internship, this portfolio was my first deep dive into the core technologies of the web.
While I have learned significantly more complex technologies since writing this code, I keep this repository public to serve as a baseline for my growth. It documents the moment I transitioned from "learning about code" to "building with code."
Click here to view the Portfolio (If the link doesn't work here, check the "About" section on the right side of this repository!)
- Smooth Navigation: Implemented ID-based routing that allows users to seamlessly scroll to specific sections (About, Skills, Contact) by clicking the navigation bar.
- Structural Integrity: Built using semantic HTML5 to ensure proper document structure.
- Media Integration: Successfully integrated image assets and styled them within the layout.
This project was less about "flashy features" and more about mastering the fundamentals. Through this process, I learned:
- The "Holy Trinity" of Web Dev: deeply understanding how HTML (structure), CSS (presentation), and JavaScript (behavior) interact with one another.
- Standard Conventions: The importance of professional file naming (e.g.,
index.html) and directory organization—habits I still use today. - Deployment: How to take code from a local machine and host it live on the internet using GitHub Pages.
- Debugging Basics: How to inspect elements and fix layout shifts when things didn't look right.
- HTML5: For the skeleton and structure.
- CSS3: For styling, spacing, and layout.
- JavaScript (Vanilla): For basic interactivity and DOM manipulation.
If you want to see the code behind my first project:
- Clone the repository:
git clone https://github.com/tsdebug/codsoft_task-1.git
- Navigate to the project folder.
- Open
index.htmlin your browser (Chrome, Firefox, etc.).
Created with ❤️ and a hunger for knowledge.