🌐 My First Internship Projects

Frontend Projects Built During My Web Development Internship

---

👩‍💻 About This Repository

This repository showcases frontend projects created during my web development internship journey. Each project focuses on practical implementation, frontend structure, UI development, and interactive web application concepts using modern web technologies.

The projects helped me explore:

• ASP.NET WebForms
• JavaScript interactivity
• REST API integration
• Multi-page website structure
• Responsive UI development
• DOM manipulation

The repository reflects hands-on learning through real project development, experimentation, and building practical frontend applications from scratch.

---

🛠️ Tech Stack

• ASP.NET WebForms
• C#
• HTML5
• CSS3
• JavaScript (ES6)
• REST API
• Visual Studio
• VS Code

---

📂 Projects Included

📁 CGI Website

🔗 Folder: CGI-Website/

A structured multi-page corporate website developed using ASP.NET WebForms and C#. The project focuses on reusable layouts, organized page architecture, and responsive frontend design concepts. It includes multiple informational sections, leadership pages, and interactive UI components.

✨ Features

• Homepage with hero section
• About page
• Leadership pages
• Council & committee sections
• Newsletter section
• Shared Master Page layout
• Multi-page website structure

🛠️ Built With

ASP.NET WebForms C# HTML5 CSS3

---

📁 Quiz App

🔗 Folder: Quiz-App/

An interactive quiz application built using vanilla JavaScript and REST API integration. The project dynamically fetches quiz questions, renders them in real time, and calculates user scores instantly. It helped strengthen concepts like DOM manipulation, API handling, and interactive frontend behavior.

✨ Features

• API-based quiz questions
• Dynamic question rendering
• Real-time score calculation
• Interactive UI updates
• DOM manipulation

🛠️ Built With

HTML5 CSS3 JavaScript (ES6+ / Modern JS) Fetch API REST API

---

📁 ShopLane Product Page

🔗 Folder: Shoplane-ASP-NET/

A product showcase page inspired by modern e-commerce layouts and user interface design. The project includes interactive product image previews, styled product sections, and dynamic thumbnail selection behavior. It focuses on frontend structure, UI styling, and improving user interaction through clean design components.

✨ Features

• Product image gallery
• Active thumbnail selection
• Product details section
• Interactive UI behavior
• Styled product layout

🛠️ Built With

ASP.NET WebForms C# HTML5 CSS3

---

🎯 Internship Learnings

• Built multi-page frontend projects
• Worked with ASP.NET WebForms
• Practiced JavaScript DOM manipulation
• Integrated APIs into frontend applications
• Improved frontend structure & styling skills
• Learned project organization and UI development

---

🚀 Getting Started

Clone the Repository

git clone https://github.com/TanuSharma08/cgi-webdev-internship.git

cd cgi-webdev-internship

---

▶️ Run CGI Website

cd CGI-Website/

• Open the project in Visual Studio
• Open any .aspx file
• Press F5 to run

---

▶️ Run Quiz App

cd Quiz-App/

• Open quiz.html in any browser

---

▶️ Run ShopLane Product Page

cd Shoplane-ASP-NET/

• Open the project in Visual Studio
• Open Default.aspx
• Press F5 to run

---

🤝 Contributing

Suggestions and improvements are always welcome.

git checkout -b suggestion/topic-name

git commit -m "Add: suggestion"

---

📄 License

Distributed under the MIT License. See LICENSE for more information.

---

Made with ❤️ during my first web development internship.