Welcome to the Web Development Projects Collection! This repository houses a variety of beginner-friendly web development projects, each located in its dedicated folder. Whether you’re just starting in web development or looking for hands-on projects to enhance your skills, this collection has something for everyone.
| S.No | Project name | Preview Link |
|---|---|---|
| 1. | Doctor Website Landing Page | Preview → |
| 2. | Fixed Navbar on scroll | Preview → |
| 3.1 | Animations - AutoUnderline | Preview → |
| 3.2 | Animations - Button | Preview → |
| 3.3 | Animations - CSS | Preview → |
| 3.4 | Animations - Typing.js | Preview → |
| 4 | Elements using Js | Preview → |
| 5 | Credential Cards | Preview → |
| 6 | Scale Image onClick | Preview → |
| 7 | Image Slide Show | Preview → |
| 8 | Website Landing Page | Preview → |
| 9 | My first web Project | Preview → |
| 10.1 | Onclick Copy Text | Preview → |
| 10.2 | Onclick Copy Text-2 | Preview → |
| 10.3 | On dblclick Copy Text-2 | Preview → |
| 11 | Onload Animation | Preview → |
| 12 | Responsive Navbar | Preview → |
| 13 | Get Document URL | Preview → |
| 14 | Progress Bar | Preview → |
Clone this repository:
git clone https://github.com/saqibbedar/WebDev-Projects
Navigate to the specific project folder you’re interested in.
Explore and develop each project independently. Feel free to make any changes; these projects are free to use under the MIT license.
These all projects are for practice, you can learn, how logic for particular task is implemented, so, every project is not built with the perfection but it is a practice code which can help you in learning web at your initial phase.
Contributions and improvements are welcome! You can request your practice code, to be added into this repo and, it will be also helpful for the individuals who are just starting the web, hence, if you are working on any project or have a new project idea or want to enhance an existing one, feel free to open an issue or submit a pull request.
This repository is licensed under the MIT License - see the LICENSE.md file for details.
Happy coding! 🚀