🌐 Web Development Projects

Frontend Development Portfolio

A collection of web development projects showcasing HTML, CSS, and JavaScript skills for building responsive and interactive web applications.

Report Bug • Request Feature

---

🎉 Projects Included

💻 HTML Projects

• Static web pages
• Semantic HTML structure
• Forms and input elements
• Tables and lists
• Multimedia integration

🎨 CSS Projects

• Responsive layouts
• Flexbox & Grid designs
• CSS animations
• Modern UI components
• Mobile-first design

⚡ JavaScript Projects

• DOM manipulation
• Event handling
• Interactive components
• API integration
• Dynamic content

---

🚀 Getting Started

Prerequisites

Web Browser (Chrome, Firefox, Safari)
Text Editor (VS Code, Sublime Text)
Basic knowledge of HTML, CSS, JavaScript

Usage

# Clone the repository
git clone https://github.com/rajsurya519sr/Web-Dev.git
cd Web-Dev

# Open any project HTML file in browser
open index.html  # or double-click the file

---

📊 Project Structure

Web-Dev/
├── HTML-Projects/
│   ├── Portfolio/
│   ├── Landing-Page/
│   └── Forms/
├── CSS-Projects/
│   ├── Responsive-Design/
│   ├── Animations/
│   └── Components/
├── JavaScript-Projects/
│   ├── Calculator/
│   ├── To-Do-List/
│   └── Weather-App/
└── README.md

---

💡 Skills Demonstrated

• HTML5: Semantic markup, accessibility
• CSS3: Flexbox, Grid, animations, responsive design
• JavaScript: ES6+, DOM manipulation, async/await
• Responsive Design: Mobile-first approach
• Modern Web Standards: Best practices and optimization

---

🎯 Learning Objectives

1. Master HTML structure and semantics
2. Create responsive layouts with CSS
3. Build interactive UIs with JavaScript
4. Implement modern design patterns
5. Practice clean, maintainable code

---

👋 Contributing

Contributions are welcome! Please:

1. Fork the repository
2. Create your feature branch (git checkout -b feature/NewProject)
3. Commit your changes (git commit -m 'Add new project')
4. Push to the branch (git push origin feature/NewProject)
5. Open a Pull Request

---

📄 License

This project is licensed under the MIT License - see the LICENSE file for details.

---

👤 Author

Surya Raj

• GitHub: @rajsurya519sr
• LinkedIn: Surya Raj
• Email: rajsurya519sr@gmail.com

---

Made with ❤️ by Surya Raj

Back to top