Skip to content

Commit 9e75d10

Browse files
authored
Enhance README with project details and features
Added detailed project description, features, learnings, and tech stack to README.
1 parent 2400be9 commit 9e75d10

1 file changed

Lines changed: 46 additions & 1 deletion

File tree

README.md

Lines changed: 46 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1 +1,46 @@
1-
# codsoft_task-1
1+
# codsoft_task-1
2+
3+
# 👩🏻‍💻 My First Portfolio
4+
5+
![Status](https://img.shields.io/badge/Status-Completed-success)
6+
![HTML5](https://img.shields.io/badge/html5-%23E34F26.svg?style=flat&logo=html5&logoColor=white)
7+
![CSS3](https://img.shields.io/badge/css3-%231572B6.svg?style=flat&logo=css3&logoColor=white)
8+
![JavaScript](https://img.shields.io/badge/javascript-%23323330.svg?style=flat&logo=javascript&logoColor=%23F7DF1E)
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

Comments
 (0)