diff --git a/index.html b/index.html index b667b34..7521933 100644 --- a/index.html +++ b/index.html @@ -5,685 +5,1348 @@ CodeClip - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - + + + + + + + + +
+
-
- -

Loading

+
+ +

Loading your experience...

- - + +
- -
- -
-
-
-
-
- + +
+
+
+
+
+ -

GSSOC 2025

-
+

GSSoC 2025

+
-

- Code Run
- Contribute -

-

- CodeClip is a lightweight, browser-based platform designed to make - coding practice simple, accessible, and collaborative. Whether - you're a beginner looking to sharpen your skills or an aspiring - contributor to open source, CodeClip offers a clean interface - where you can solve real-world coding challenges, run your code - live, and share your solutions β€” all without any setup, Built - entirely with HTML, CSS, and JavaScript, CodeClip is not just a - tool but a learning experience itself. It’s an open-source project - proudly developed as part of - GirlScript Summer of Code (GSSoC), aimed at - empowering developers through hands-on practice and meaningful - contributions. -

+

+ Code Run
+ Contribute +

+

+ CodeClip is a lightweight, browser-based platform designed to make + coding practice simple, accessible, and collaborative. Whether + you're a beginner looking to sharpen your skills or an aspiring + contributor to open source, CodeClip offers a clean interface + where you can solve real-world coding challenges, run your code + live, and share your solutions β€” all without any setup. +

- -
- - +
+ + +
-
-
- hero section image +
+ CodeClip Hero Image +
-
-
- + - -
-
-
- -
-
-
-
-
Frontend Challenges
-

EASY

-
- - - + +
+
+
+ + +
+
+
+
+
Frontend Challenges
+

EASY

+
+ + + +
-
-

- 135 coders joined -

-

- Build real UI components using HTML, CSS, and JavaScript. - These tasks help you improve your layout, styling, - responsiveness, and interactivity,no frameworks, just clean - frontend skills. -

- -
- - Join Now +

+ 135 coders joined +

+

+ Build real UI components using HTML, CSS, and JavaScript. + These tasks help you improve your layout, styling, + responsiveness, and interactivity. +

+ +
+ Join Now +
-
- -
-
-
-
-
JavaScript Logics
-

MEDIUM

-
- + +
+
+
+
+
JavaScript Logics
+

MEDIUM

+
+ +
-
-

- 189 coders joined -

-

- Master the core of JavaScript by solving logic-based problems - that boost your thinking and problem-solving skills. Perfect - for beginners and intermediates. -

- -
- - Join Now +

+ 189 coders joined +

+

+ Master the core of JavaScript by solving logic-based problems + that boost your thinking and problem-solving skills. +

+ +
+ Join Now +
-
- -
-
-
-
-
Backend Basics
-

HARD

-
- - + +
+
+
+
+
Backend Basics
+

HARD

+
+ + +
-
-

- 150 coders joined -

-

- Learn the fundamentals of backend development through simple - tasks using APIs, data handling, and server-side logic. A - great start for aspiring full-stack developers. -

- -
- - Join Now +

+ 150 coders joined +

+

+ Learn the fundamentals of backend development through simple + tasks using APIs, data handling, and server-side logic. +

+ +
+ Join Now +
-
- -
-
-
-
-
UI Design Tasks
-

EASY

-
- - + +
+
+
+
+
UI Design Tasks
+

EASY

+
+ + +
-
-

- 120 coders joined -

-

- Practice building beautiful and functional UI components using - HTML and CSS. Perfect for improving your design sense and - layout skills. -

- -
- - Join Now +

+ 120 coders joined +

+

+ Practice building beautiful and functional UI components using + HTML and CSS. Perfect for improving your design sense and + layout skills. +

+ +
+ Join Now +
-
- -
-
-
-
-
Open Source Challenges
-

MEDIUM

-
- - + +
+
+
+
+
Open Source Challenges
+

MEDIUM

+
+ + +
-
-

- 200 coders joined -

-

- Practice real world contribution workflows using Git and - GitHub. You'll learn how to contribute to projects, manage - pull requests. -

- -
- - Join Now +

+ 200 coders joined +

+

+ Practice real world contribution workflows using Git and + GitHub. You'll learn how to contribute to projects, manage + pull requests. +

+ +
+ Join Now +
-
- - -
-
-
-
-
JavaScript Mini Projects
-

Easy

-
- - + + +
+
+
+
+
JavaScript Mini Projects
+

Easy

+
+ + +
-
-

- 300 coders joined -

-

- Created an interactive form/input area,Applied CSS styles for visual consistency .Added features like auto-focus, clear input after add, and animation. -

+

+ 300 coders joined +

+

+ Created an interactive form/input area,Applied CSS styles for visual consistency .Added features like auto-focus, clear input after add, and animation. +

-
- - Join Now +
+ Join Now +
-
-
- - - - -
-
-

- Top Coder of the Week -

-

- Meet our top coders who accepted challenges, wrote great code, - contributed to open source, and stood out as the best performers of the week. -

- -
- #1 - User 1 - Rahul πŸ† - 1250 pts -
+ +
+
+
+

+ Top Coder of the Week +

+

+ Meet our top coders who accepted challenges, wrote great code, + contributed to open source, and stood out as the best performers of the week. +

-
- #2 - User 2 - Manisha πŸ₯ˆ - 1180 pts -
+
+ #1 + User 1 + Rahul πŸ† + 1250 pts +
-
- #3 - User 3 - Pankaj πŸ₯‰ - 1100 pts -
+
+ #2 + User 2 + Manisha πŸ₯ˆ + 1180 pts +
-
- #4 - User 4 - Simran - 980 pts -
-
-
+
+ #3 + User 3 + Pankaj πŸ₯‰ + 1100 pts +
- +
+ #4 + User 4 + Simran + 980 pts +
+
+
+
- -
-
-

About CodeClip

-
-
-

- CodeClip is a lightweight, browser-based platform designed to make - coding practice simple, accessible, and collaborative. Whether - you're a beginner looking to sharpen your skills or an aspiring - contributor to open source, CodeClip offers a clean interface - where you can solve real-world coding challenges, run your code - live, and share your solutions β€” all without any setup, Built - entirely with HTML, CSS, and JavaScript, CodeClip is not just a - tool but a learning experience itself. It’s an open-source project - proudly developed as part of - GirlScript Summer of Code (GSSoC), aimed at - empowering developers through hands-on practice and meaningful - contributions. -

+ +
+
+

About CodeClip

+
+
+

+ CodeClip is a lightweight, browser-based platform designed to make + coding practice simple, accessible, and collaborative. Whether + you're a beginner looking to sharpen your skills or an aspiring + contributor to open source, CodeClip offers a clean interface + where you can solve real-world coding challenges, run your code + live, and share your solutions β€” all without any setup. +

-

- Contribute to CodeClip -

+

+ + Contribute to CodeClip + +

+
-
-
+
- + + + +
+ +
-
-

- © CodeClip | Open Source Project 2025 -

-
- - + + + + - - - - - - - + // Loading screen + document.addEventListener("DOMContentLoaded", function () { + setTimeout(function() { + document.getElementById("loading-screen").classList.add("hidden"); + }, 2000); + }); - - + // Dark mode toggle + const toggle = document.getElementById("darkModeToggle"); + const body = document.body; - + + + - \ No newline at end of file +