Add individual challenge pages (Frontend, JS Logic, UI, etc.)

[HayatZarine]

Added the pages directed after join now button.





issue no. #203 . Please take a look and merge it kindly. Thanks.

[greptile-apps]

Greptile Summary

This PR adds individual challenge pages that address issue #203 by implementing the missing landing pages for each challenge category accessible via the "Join Now" buttons. Five new HTML files are created:

• frontendChallenges.html - Lists 5 frontend challenges like Responsive Navbar and Pricing Card
• jslogics.html - Contains 5 JavaScript logic challenges including Palindrome Checker and FizzBuzz
• backendChallenges.html - Features 5 backend challenges such as Simple API Server and User Auth Basics
• uiChallenges.html - Displays 5 UI design challenges for interface development
• gitChallenges.html - Includes 5 Git/open source challenges like Fork & Clone a Repo

The index.html file is updated to replace placeholder '#' links with actual references to these new challenge pages. Each challenge page follows a similar structure with inline CSS styling, a brief description of the challenge category, and a grid layout displaying individual challenges with hover effects. The pages use consistent visual patterns but implement slightly different color schemes across categories (blue, green, orange themes).

This implementation completes the user flow where visitors can navigate from the main page's challenge cards to dedicated category pages containing specific coding challenges. The structure integrates with the existing CodeClip application's navigation system while maintaining the client-side web application architecture.

Confidence score: 3/5

• This PR provides basic functionality but has notable styling inconsistencies and missing features that could impact user experience
• The implementation works but deviates from the main application's design system with inconsistent inline CSS, different color schemes across pages, and lacks responsive design considerations
• Files needing attention: frontendChallenges.html, jslogics.html, and uiChallenges.html for styling consistency and missing navigation elements

_{6 files reviewed, 7 comments}

_{Edit Code Review Bot Settings | Greptile}