Welcome to my CODSOFT internship repository! This repository is organized into three distinct levels of projects, ranging from web design fundamentals to complex full-stack web applications. Each level is designed to build and test progressive software development skills.
The folder structure is organized as follows:
CODSOFT/
│
├── Level-1/
│ ├── Portfolio/ # Interactive personal portfolio website
│ ├── Landing-Page/ # Creative product or service landing page
│ └── Calculator/ # Fully functional web calculator
│
├── Level-2/
│ ├── Quiz-Maker/ # Dynamic online quiz creator and taker
│ └── Job-Board/ # Job search, posting, and matching platform
│
├── Level-3/
│ ├── E-Commerce/ # Full-fledged modern e-commerce web app
│ └── Project-Management-Tool/ # Collaborative task and project management dashboard
│
└── README.md # Repository overview and guide
Focuses on styling, responsive layout, and client-side interactions.
-
Portfolio (
/Level-1/Portfolio/)- Description: A stunning personal portfolio showcasing skills, projects, and contact information.
- Key Features: Smooth scroll, dynamic animations, contact form, responsive design.
- Tech Stack: HTML, CSS, JavaScript (Vanilla).
-
Landing Page (
/Level-1/Landing-Page/)- Description: A beautifully designed product or service promotional landing page.
- Key Features: Call-to-action sections, interactive product displays, glassmorphic styles.
- Tech Stack: HTML, CSS, JavaScript.
-
Calculator (
/Level-1/Calculator/)- Description: An elegant, responsive calculator for basic mathematical operations.
- Key Features: Neumorphic/glassmorphic UI, history log, support for keyboard inputs.
- Tech Stack: HTML, CSS, JavaScript.
Focuses on state management, dynamic data, and complex logic.
-
Quiz Maker (
/Level-2/Quiz-Maker/)- Description: A dynamic quiz application that lets users create, take, and score custom quizzes.
- Key Features: Quiz creator dashboard, timers, instant feedback, interactive scorecards.
- Tech Stack: HTML, CSS, JavaScript (with LocalStorage state management).
-
Job Board (
/Level-2/Job-Board/)- Description: An interactive job board listing available positions with search, filter, and apply options.
- Key Features: Advanced filtering (location, salary, job type), mock resume upload, application tracking.
- Tech Stack: HTML, CSS, JavaScript.
Focuses on advanced application state, complex UX flows, and production-ready architectures.
-
E-Commerce Platform (
/Level-3/E-Commerce/)- Description: A feature-rich online shopping platform with a seamless shopping experience.
- Key Features: Interactive product catalog, shopping cart, checkout workflow, search/filters.
- Tech Stack: Modern Web Stack (React/Next.js or dynamic Vanilla JS).
-
Project Management Tool (
/Level-3/Project-Management-Tool/)- Description: A collaborative workspace similar to Trello or Jira to manage tasks and milestones.
- Key Features: Kanban board, drag-and-drop tasks, user assignment, deadlines, progress tracking.
- Tech Stack: Modern Web Stack with rich UI component libraries.
All projects in this repository adhere to high design standards:
- Visuals: Curated modern palettes (sleek dark modes, balanced HSL tones), clean typography (e.g. Inter, Outfit), and elegant layout shadows.
- Interactions: Fluid micro-animations, engaging hover states, and smooth responsive adaptations.
- Organization: Clean, semantic, self-documenting code with a modular design pattern.
Happy Coding! 💻✨