diff --git a/backendChallenges.html b/backendChallenges.html new file mode 100644 index 00000000..1cdbfb82 --- /dev/null +++ b/backendChallenges.html @@ -0,0 +1,55 @@ + + + + + Backend Basics Challenges + + + + +

Backend Basics Challenges

+

Start your backend journey by completing these API and server-side logic tasks:

+ +
+
+
Simple API Server
+
Create a basic Express or Flask API that returns JSON data.
+
+
+
Form Submission Backend
+
Accept and store form data sent from a frontend using POST.
+
+
+
User Auth Basics
+
Implement simple login/signup logic using sessions or JWT.
+
+
+
CRUD with SQLite
+
Build a Create/Read/Update/Delete API for a todo app.
+
+
+
API Documentation
+
Use Swagger or Postman to document your API endpoints.
+
+
+ + + diff --git a/frontendChallenges.html b/frontendChallenges.html new file mode 100644 index 00000000..e028389d --- /dev/null +++ b/frontendChallenges.html @@ -0,0 +1,100 @@ + + + + + Frontend Challenges + + + + +

Frontend Challenges

+

Sharpen your HTML, CSS, and JavaScript skills with these real-world UI building tasks:

+ +
+
+
Responsive Navbar
+
Build a responsive navigation bar with a hamburger menu for mobile view.
+
Explore more
+
+ +
+
Pricing Card
+
Design and code a modern pricing card layout using flexbox or grid.
+
Explore more
+
+ +
+
Login Form UI
+
Create a stylish login/signup form with smooth transitions.
+
Explore more
+
+ +
+
Landing Page
+
Design a hero section with a call-to-action button and a background image.
+
Explore more
+
+ +
+
Image Gallery
+
Make a responsive image gallery that adjusts across devices using CSS Grid.
+
Explore more
+
+
+ + + diff --git a/gitChallenges.html b/gitChallenges.html new file mode 100644 index 00000000..42bd7e15 --- /dev/null +++ b/gitChallenges.html @@ -0,0 +1,55 @@ + + + + + Open Source Challenges + + + + +

Open Source Challenges

+

Start contributing to open source by completing these beginner-friendly tasks:

+ +
+
+
Find a Good First Issue
+
Use GitHub filters to find beginner-friendly open issues and comment on one.
+
+
+
Fork & Clone a Repo
+
Fork a project, clone it, and set up the local dev environment.
+
+
+
Make a Pull Request
+
Fix a typo or small bug and raise a PR to get your first contribution.
+
+
+
Improve a README
+
Find a project with a weak README and add helpful info or setup steps.
+
+
+
Join a GitHub Discussion
+
Participate in an open-source discussion thread and share suggestions.
+
+
+ + + diff --git a/index.html b/index.html index b3880cad..078f23f0 100644 --- a/index.html +++ b/index.html @@ -176,7 +176,7 @@
Frontend Challenges
- Join Now + Join Now
@@ -202,7 +202,7 @@
JavaScript Logics
- Join Now + Join Now
@@ -228,7 +228,7 @@
Backend Basics
- Join Now + Join Now
@@ -254,7 +254,7 @@
UI Design Tasks
- Join Now + Join Now
@@ -280,7 +280,7 @@
Open Source Challenges
- Join Now + Join Now
diff --git a/jslogics.html b/jslogics.html new file mode 100644 index 00000000..fe5a2bf2 --- /dev/null +++ b/jslogics.html @@ -0,0 +1,80 @@ + + + + + JavaScript Logic Challenges + + + + +

JavaScript Logic Challenges

+

Improve your problem-solving and core JavaScript skills with these logic-based challenges:

+ +
+
+
Palindrome Checker
+
Write a function to check if a string reads the same backward as forward.
+
+ +
+
FizzBuzz
+
Classic logic problem to print numbers with special rules for multiples of 3 and 5.
+
+ +
+
Anagram Validator
+
Create a function that checks whether two strings are anagrams.
+
+ +
+
Factorial Calculator
+
Write a function that calculates the factorial of a number using recursion.
+
+ +
+
Array Flattener
+
Flatten a deeply nested array using recursion or iterative logic.
+
+
+ + + diff --git a/uiChallenges.html b/uiChallenges.html new file mode 100644 index 00000000..6fbe8462 --- /dev/null +++ b/uiChallenges.html @@ -0,0 +1,55 @@ + + + + + UI Design Tasks + + + + +

UI Design Tasks

+

Strengthen your UI/UX skills by building visually appealing components:

+ +
+
+
Profile Card UI
+
Design and build a profile card with image, name, and social links.
+
+
+
Pricing Table
+
Create a clean and responsive pricing component for a SaaS app.
+
+
+
Login Page UI
+
Design a modern login form with input validation UI.
+
+
+
Navbar with Dropdown
+
Build a responsive navigation bar with dropdown support.
+
+
+
Dark Mode Toggle
+
Add a dark mode toggle switch with a smooth transition effect.
+
+
+ + +