WebDevProjects

Welcome to WebDevProjects! This repository showcases a collection of personal web development projects I've created to enhance my skills in HTML, CSS, and JavaScript. Each project is designed to be fully responsive and demonstrates my growth from tackling CSS challenges to implementing advanced JavaScript features.

Projects

1. QR Code Generator

   • HTML, CSS, JavaScript
   • Features: Generate QR codes dynamically

2. Preview Card

   • HTML, CSS
   • Features: Responsive design, CSS animations

3. FAQ Accordion

   • HTML, CSS, JavaScript
   • Features: Interactive FAQ section, smooth transitions

4. Abstract Art Generator

   • HTML, CSS, JavaScript
   • Features: Abstract Clone Landing Page

5. Lobe App

   • HTML, CSS, JavaScript
   • Features: Interactive UI, responsive design

6. Calculator

   • HTML, CSS, JavaScript
   • Features: Basic arithmetic operations, responsive layout

7. Crispy Landing Page

   • HTML, CSS
   • Features: Modern landing page design, responsive

8. To-Do List App

   • HTML, CSS, JavaScript
   • Features: Task management, dynamic content

9. Sketch Pad

   • HTML, CSS, JavaScript
   • Features: Drawing interface, customizable brush

10. Tic Tac Toe Game

    • HTML, CSS, JavaScript
    • Features: Interactive game, AI opponent

11. Age Calculator

    • HTML, CSS, JavaScript
    • Features: Calculate age based on input date

12. Weather Dashboard

    • HTML, CSS, JavaScript, API integration
    • Features: Fetching data from a weather API, responsive layout

13. Recipe App

    • HTML, CSS, JavaScript, API integration
    • Features: Display recipes, filter options

14. Country Information App

    • HTML, CSS, JavaScript, API integration
    • Features: Fetch and display country data, responsive design

Live Demo

Check out the live site to see all the projects in action: Live Site

Installation

To run these projects locally:

1. Clone the repository:

   git clone https://github.com/Shreykumar1/WebDevProjects.git

2. Navigate to the project directory:

   cd WebDevProjects

3. Open the index.html file in your browser to view the projects.

Feedback

I'd love to hear your thoughts and feedback on these projects! Feel free to open an issue or submit a pull request.

License

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

---

Happy coding! 🌐💻

#WebDevelopment #Coding #HTML #CSS #JavaScript #ResponsiveDesign #PersonalProject #TechSkills