kart_codes
Karthik ReddyI want you to build a complete beginner-friendly coding website called "KarthikCodes" with a mandatory logo. Follow these steps: 1. **Index Page (Landing Page)** - Display the brand name "KarthikCodes" with an attractive animated logo. - After clicking "Enter", redirect to the login page. 2. **Login Page (Advanced Features)** - Include OTP verification system. - Send login alert emails. - Add "Forgot Password" option. - Provide Google login and GitHub login buttons. - Track and display login history. - After successful login, send a welcome email from **karthikcodes26@gmail.com** to the user. 3. **Courses Page** - After login, show a course selection interface with these options: - Hibernate - Spring - Advanced Java - DSA - HTML & CSS - Python - MySQL - Aptitude - JavaScript - Java - React - Allow users to select a course and then choose difficulty level: **Easy, Medium, Hard**. 4. **Problem Solving & Streaks** - After solving problems, show streaks: - If the user solves at least 1 problem per day → show 🔥 fire emoji. - If they miss → show ❤️ love emoji. - This streak system should update daily after execution of problems. 5. **Design Requirements** - Use modern, colorful CSS effects with animations. - Make the login page and course selection page visually attractive with 3D interface elements. - Ensure responsive design for desktop and mobile. Generate the **HTML, CSS, and JavaScript code** for all these pages (index, login, courses, streaks). Make sure the code is clean, beginner-friendly, and well-commented so I can understand and learn from it.
Comments (0)
Sign in to leave a comment
Explore Our Courses
Level up your skills with expert-led courses across development, design, data, and cloud.
Showing 6 courses
Introduction to Web Development
Learn the fundamentals of HTML, CSS, and JavaScript to build modern websites.
Advanced React Patterns
Master advanced React concepts including hooks, context, and performance optimization.
UI/UX Design Fundamentals
Explore design principles, wireframing, and prototyping for digital products.
Data Science with Python
Dive into data analysis, visualization, and machine learning with Python.
Cloud Architecture on AWS
Design and deploy scalable, resilient architectures on Amazon Web Services.
Mobile App Development with React Native
Build cross-platform mobile apps for iOS and Android using React Native.
Ready to Start Learning?
Join thousands of learners and take your skills to the next level with our expert-led courses.
No comments yet. Be the first!