Automation And Robotics || Army Institue Of Technology '28 || Web Development Enthusiast

Avansh Yadav  • Peerlist

In this project, I participated in the "Replica" competition, where I was tasked with replicating a given webpage design using only HTML and CSS. This challenge pushed me to sharpen my front-end development skills, paying close attention to detail, layout, and design consistency.

It was a rewarding experience that enhanced my understanding of responsive design, semantic HTML, and clean CSS practices. As my first competition, it marked a significant step in my journey as a web developer, allowing me to apply what I've learned in a practical and competitive environment.

Link to my project - https://github.com/Avansh2006/replica

Insta Profile Replicate

🚀 Project Alert! 🚀

I'm excited to share my latest web development project—a Netflix Clone! 🎬✨

This project was built using only HTML and CSS, focusing on replicating the design and layout of Netflix’s homepage. It was a great opportunity for me to dive deeper into responsive design, flexbox, grid layouts, and CSS styling techniques.

💡 Key Features:
Fully responsive design that adapts to different screen sizes 📱💻
Netflix-style grid layout for movie thumbnails 🎥
Hover effects for an interactive feel
Clean, minimalistic HTML and CSS structure
This project helped me refine my front-end skills by focusing on creating a pixel-perfect layout without using JavaScript or other libraries/frameworks. It’s been a fun challenge to work purely with HTML and CSS!

Check it out on GitHub: [https://github.com/Avansh2006/Netflix_Clone] 🔗
Check it out live - [https://avansh2006.github.io/Netflix_Clone/]🔗

Feel free to share your feedback or suggestions! 😊

#webdevelopment #html #css #frontend #netflixclone #responsivewebdesign #project #programming #design

Netflix Clone

🚀 Personal Portfolio Website – Built with React & 3D Elements 🎨💻

Excited to share my personal portfolio website, crafted using React.js, Three.js, and modern UI/UX principles! This project is a representation of my web development journey, showcasing my skills, projects, and achievements in an interactive and visually engaging way.

🔹 Tech Stack: React.js, Three.js, Tailwind CSS
🔹 Key Features:
✔️ Dynamic & Interactive UI with React ⚛️
✔️ 3D Elements & Animations using Three.js 🎭
✔️ Smooth Transitions & Responsiveness 📱💻
✔️ Projects & Achievements Showcase 🏆


Integrating 3D elements was a challenging yet rewarding experience, helping me explore creative UI/UX design alongside performance optimization. I’ve also made a video walkthrough of the project, which I’d love to share!

🔗 Check it out here: https://avanshyadav.netlify.app/

Would love to get your feedback! 🚀🔥 #React #ThreeJS #WebDevelopment #Portfolio #3DDesign #Frontend

Portfolio

Developed a Random Password Generator using React and Vite. The application allows users to:

Customize password length.
Include or exclude numbers and symbols.
Key Learnings:

Gained hands-on experience with React Hooks (e.g., useState, useEffect).
Strengthened understanding of React's component-based architecture.
Enhanced skills in building dynamic, interactive web applications.
This project not only deepened my expertise in React but also improved my ability to implement user-driven functionality in real-world scenarios.

Link - https://avansh2006.github.io/Random-Password-Generator/

Random Password Generator

Here’s a concise and professional description you can use for your LinkedIn project section:

Simon Says Game
Interactive Web Game

Developed a Simon Says game using HTML, CSS, and JavaScript. The game challenges players to remember and replicate an increasingly complex sequence of colors. Key features include a progressive level system, sound effects for enhanced interaction, and responsive design to ensure optimal performance on different screen sizes. This project helped me sharpen my front-end development skills and deepen my understanding of JavaScript for game logic implementation.

Technologies: HTML5, CSS3, JavaScript
GitHub Repository: https://github.com/Avansh2006/simonSays

Simon Says Game

I'm excited to share my first project using JavaScript—a fully functional and responsive To-Do List application! This was an awesome learning experience, where I got to dive into front-end development with HTML, CSS, and JavaScript.

🔧 Key Features:
Add and delete tasks easily
Fully responsive design for mobile and desktop
Clean and intuitive UI for task management
Check out the live demo here: [https://avansh2006.github.io/ToDoList/]
GitHub repository: [Insert GitHub Repository Link]

This project is a big milestone for me, and I'd love to hear your feedback and suggestions! 😊

#FirstProject #JavaScript #WebDevelopment #HTML #CSS #ToDoList #LearningByDoing #Frontend #Coding