GCB-Tech

Learning Path Assignments

💻Web Weavers

Personal Portfolio Website

Create a personal portfolio website that showcases your skills, projects, and contact information.

Requirements:

  • Use HTML for the structure
  • CSS for styling
  • JavaScript for interactive elements
  • Working contact form
HTML structure
semantic elements
forms
flexbox
media queries
basic JavaScript

Responsive Landing Page

Design a responsive landing page for a product or service.

Requirements:

  • Navigation bar
  • Hero section
  • Product features section
  • Footer
  • Responsive across desktop, tablet, and mobile
Flexbox
CSS Grid
media queries
responsive design

Interactive Quiz Application

Build an interactive quiz with multiple-choice questions.

Requirements:

  • Display questions with multiple choices
  • Highlight correct/incorrect answers
  • Show final score
DOM manipulation
event handling
JavaScript logic
🧑🏻‍⚕️JavaScript Jammers

To-Do List Application

Build a simple to-do list application where users can add, edit, and delete tasks.

Requirements:

  • Task addition and deletion
  • Save tasks in local storage
  • Edit existing tasks
  • Mark tasks as complete
DOM manipulation
local storage
event handling
array methods

Interactive Countdown Timer

Build a countdown timer that counts down from a specified time and alerts the user when time is up.

Requirements:

  • Use setInterval or setTimeout
  • Visual countdown display
  • Start, pause, and reset functionality
Timer functions
JavaScript timing events
DOM updates
💻Backend Legends

REST API Development

Create a basic REST API to manage a collection of items.

Requirements:

  • Implement CRUD operations
  • Use Express.js
  • Include error handling
  • Add input validation
Express.js
REST API design
routing
HTTP methods

User Authentication System

Implement user authentication using JWT tokens.

Requirements:

  • User registration endpoint
  • Login endpoint
  • JWT token generation
  • Protected routes
Authentication
JWT
password hashing
middleware
⚛️Interactive Masters

Portfolio Website with React

Create a personal portfolio website using React.

Requirements:

  • Responsive design
  • Multiple sections
  • React Router navigation
  • Contact form
React components
React Router
responsive design
hooks

Movie Search Application

Build a movie search app using The Movie Database API.

Requirements:

  • Search functionality
  • Display movie details
  • Responsive design
  • Loading states
API integration
state management
async operations
error handling
☁️🚀Cloud Commanders

AWS EC2 Deployment

Deploy a Node.js application on AWS EC2.

Requirements:

  • Set up EC2 instance
  • Configure security groups
  • Deploy application
  • Set up domain
AWS EC2
SSH
security groups
deployment

Docker Container Deployment

Containerize and deploy an application using Docker.

Requirements:

  • Create Dockerfile
  • Build Docker image
  • Push to container registry
  • Deploy container
Docker
containerization
deployment
DevOps