Skip to content

During my 6-week virtual internship with Motioncut, I created a sleek, animated login page using HTML, CSS, and media queries. This frontend project was designed to be visually engaging and responsive, serving as the foundation for a more extensive web application I plan to develop in the future.

Notifications You must be signed in to change notification settings

Sumdiboii/webdev-internship-task1-aicte-public

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

5 Commits
 
 
 
 

Repository files navigation

Typing SVG

Login Icon

🔐 Animated Login Page ⭐


A Beautiful Frontend Task for AICTE x MotionCut Internship


User Icon     Animation Icon     Key Icon



🚀 What Did I Build?

  • ✨ Created a visually stunning, animated login page as part of a 6-week virtual internship with Motioncut
  • 🎨 Designed smooth, eye-catching animations that enhance user experience and engagement
  • 💻 Focused on creating a simple, intuitive frontend using only HTML, CSS, and media queries to ensure responsiveness
  • 🚀 Planned this login page as a solid foundation to develop into a larger, more complex project in the future
  • 🎯 Gained practical skills in frontend design, animation techniques, and responsive layouts



💻 What is This Project?

This project is a static frontend login page that features beautiful animations designed to captivate users from the moment they land. Built during a virtual internship, it emphasizes clean, elegant design combined with smooth CSS-driven animations.

Although simple in scope, this login page acts as a stepping stone towards more comprehensive web projects, showcasing foundational skills in responsive web design and animation principles. Its primary goal is educational, improving my frontend coding prowess while delivering a great user experience.



Screenshot 2025-06-03 020517 Screenshot 2025-05-24 020221



🛠️ Tech Stack and Tools


🔧 Technology ⚙️ Purpose & Role
🌐 HTML5 Structured the webpage and elements of the login form
🎨 CSS3 + Animations Styled the page and added smooth, engaging animations to enhance user experience
📱 Media Queries Ensured responsive design for various screen sizes and devices



🔍 Learning Highlights

  • 💡 Mastered CSS animation techniques for smooth, user-friendly interactions
  • 📐 Gained deeper understanding of responsive design with media queries
  • 🎨 Improved skills in creating aesthetically pleasing, minimalistic UI
  • 🚧 Enhanced ability to plan scalable frontend projects starting from small components



🎯 Future Directions

I plan to expand this login page into a full authentication module with backend integration and enhanced UI/UX features. Animations will be further refined and extended across the entire site, eventually evolving into a comprehensive web app with richer user interactions.



🧑‍💻 About the Creator

🧢 Sumdiboii – Frontend Enthusiast & Web Design Learner
Connect with me: LinkedIn Profile



Bringing static pages to life, one animation at a time! 💫✨

About

During my 6-week virtual internship with Motioncut, I created a sleek, animated login page using HTML, CSS, and media queries. This frontend project was designed to be visually engaging and responsive, serving as the foundation for a more extensive web application I plan to develop in the future.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published