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