Welcome to my repository! This is a collection of projects I developed while learning HTML, CSS, and JavaScript. Each project represents a stepping stone in my journey to becoming a proficient web developer.
Feel free to explore, use, or build upon these projects. Contributions and feedback are always welcome!
| Project Name | Description | Features & Highlights |
|---|---|---|
| Calculate the Factorial | A simple calculator to find the factorial of a number. | Interactive UI, Input Validation, Efficient Logic |
| Color the Boxes | A fun game where you can dynamically change the color of boxes. | Color Picker Integration, Responsive Design |
| Design this Card | A creative exercise in designing a visually appealing card. | CSS Styling, Flexbox, Animations |
| Dynamic Website Builder | A project that builds a basic dynamic website layout on user input. | Dynamic DOM Manipulation, Responsive Design |
| Hacker's Terminal | A playful terminal emulator with fun commands and effects. | Command Line Simulation, Typing Effect Animation |
| Basic Layout | A foundational layout using HTML and CSS techniques. | Grid Layout, Flexbox, Media Queries |
| CSS Styling | A project showcasing various CSS styling techniques and effects. | Hover Effects, Transitions, Custom Fonts |
| Faulty Calculator | A quirky calculator with deliberate "faulty" behavior for fun. | Event Handling, Error Simulation |
| Insta Login Clone | A clone of the Instagram login page. | Pixel-perfect Design, Responsive Layout, CSS Grid |
| Multicolor | A colorful project to explore multiple shades and transitions. | CSS Animations, Gradients, Color Switching |
| Name Generator | A random name generator built using JavaScript. | Randomization Logic, Interactive Output |
To see these projects in action, check out the live demos:
(More demos coming soon!)
- HTML5: Structured the content and layouts.
- CSS3: Styled the elements, added animations, and made layouts responsive.
- JavaScript: Brought interactivity and functionality to each project.
- Clone the repository:
git clone https://github.com/MayanK23YadaV/webdev-project.git
- Navigate to any project folder.
- Open the
index.htmlfile in your browser.
I’d love to hear your feedback or collaborate on new features! Feel free to:
- Open an issue.
- Submit a pull request.
- Reach out with ideas or suggestions.
Let’s connect!
- Email: [email protected]
- LinkedIn: LinkedIn
- GitHub: GitHub Profile
Enjoy exploring these projects, and don’t forget to star ⭐ the repository if you find it useful!