|
1 | | -# codsoft_task-1 |
| 1 | +# codsoft_task-1 |
| 2 | + |
| 3 | +# 👩🏻💻 My First Portfolio |
| 4 | + |
| 5 | + |
| 6 | + |
| 7 | + |
| 8 | + |
| 9 | + |
| 10 | +## 🚀 The Beginning of the Journey |
| 11 | +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. |
| 12 | + |
| 13 | +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." |
| 14 | + |
| 15 | +## 🔗 Live Demo |
| 16 | +**[Click here to view the Portfolio](https://tsdebug.github.io/codsoft_task-1/)** |
| 17 | +*(If the link doesn't work here, check the "About" section on the right side of this repository!)* |
| 18 | + |
| 19 | +## 🛠️ Features |
| 20 | +- **Smooth Navigation:** Implemented ID-based routing that allows users to seamlessly scroll to specific sections (About, Skills, Contact) by clicking the navigation bar. |
| 21 | +- **Structural Integrity:** Built using semantic HTML5 to ensure proper document structure. |
| 22 | +- **Media Integration:** Successfully integrated image assets and styled them within the layout. |
| 23 | + |
| 24 | +## 🧠 Key Learnings & Challenges |
| 25 | +This project was less about "flashy features" and more about mastering the fundamentals. Through this process, I learned: |
| 26 | +1. **The "Holy Trinity" of Web Dev:** deeply understanding how HTML (structure), CSS (presentation), and JavaScript (behavior) interact with one another. |
| 27 | +2. **Standard Conventions:** The importance of professional file naming (e.g., `index.html`) and directory organization—habits I still use today. |
| 28 | +3. **Deployment:** How to take code from a local machine and host it live on the internet using GitHub Pages. |
| 29 | +4. **Debugging Basics:** How to inspect elements and fix layout shifts when things didn't look right. |
| 30 | + |
| 31 | +## 💻 Tech Stack |
| 32 | +- **HTML5:** For the skeleton and structure. |
| 33 | +- **CSS3:** For styling, spacing, and layout. |
| 34 | +- **JavaScript (Vanilla):** For basic interactivity and DOM manipulation. |
| 35 | + |
| 36 | +## 🏃🏻♀️ How to Run Locally |
| 37 | +If you want to see the code behind my first project: |
| 38 | + |
| 39 | +1. Clone the repository: |
| 40 | + ```bash |
| 41 | + git clone https://github.com/tsdebug/codsoft_task-1.git |
| 42 | + ``` |
| 43 | +2. Navigate to the project folder. |
| 44 | +3. Open `index.html` in your browser (Chrome, Firefox, etc.). |
| 45 | +--- |
| 46 | +*Created with ❤️ and a hunger for knowledge.* |
0 commit comments