IITC Full Stack & Automation Developer Bootcamp

Welcome to my IITC Bootcamp repository. This bootcamp is part of the "Combat Soldiers to High-Tech" initiative, a comprehensive program that transforms participants into full-stack developers and QA automation engineers. The program spans 8 months of intensive training covering modern web development, backend systems, databases, and automation testing.

📊 Repository Overview

• Total Projects: 30+ complete applications
• Assignments Completed: 80+ exercises and challenges
• Technologies Mastered: 20+ frameworks, libraries, and tools
• Source Files: 620+ files across 100+ organized directories
• Time Period: July 2024 - February 2025

---

🎯 Bootcamp Tracks

1. Full-Stack Development Track

Duration: July 2024 - February 2025

A comprehensive journey through modern web development:

• July 2024 (21 days): JavaScript fundamentals, DOM manipulation, event handling
• August 2024 (20 projects): HTML/CSS mastery, JavaScript basics, Node.js introduction, SQL integration
• September 2024 (14 days): Frontend Mentor challenges, API integration, DOM projects
• October 2024 (9 days): Promises, API development, OpenWeather API, REST APIs, Postman testing
• November 2024 (14 days): React fundamentals, React Router, Redux/Redux Toolkit, Material-UI, Tailwind CSS
• December 2024 (10 days): TypeScript, Advanced React patterns, Full-stack applications, Socket.IO, TanStack Query
• February 2025: Interview preparation and portfolio development

2. Automation Testing Track

Duration: January 2025 - February 2025

Specialized training in QA automation and testing:

• January 2025 (7 days): Python fundamentals, OOP, Selenium basics, web interaction automation
• February 2025 (4 days): Pytest framework, Page Object Model, advanced automation patterns

---

🚀 Major Projects

Full-Stack Applications

1. Social Media Clone

Path: full-stack-2024/december-2024/05-12-2024-social-media-clone

A complete social networking platform with modern features.

Technologies: React, Redux Toolkit, Express, MongoDB (Mongoose), JWT Authentication

Features:

• User authentication and authorization
• Post creation, editing, and deletion
• Comments and likes system
• Followers/following functionality
• Real-time updates
• Full REST API documentation

2. Business Finder Platform

Path: full-stack-2024/december-2024/24-12-2024-business-finder-app

Enterprise-grade business directory with subscription model.

Technologies: TypeScript, React, Tailwind CSS, TanStack Query, Express, MongoDB, JWT

Features:

• Business CRUD operations
• User reviews and ratings
• Subscription tiers (Standard/Gold/Platinum)
• Role-based access control (Guest/User/Owner)
• Advanced search and filtering
• Business limits per subscription tier

3. Get Pet Hackathon Project

Path: full-stack-2024/december-2024/18-12-2024-hackthaon-get-pet-nir-yoav

Hackathon submission with full client-server architecture.

Technologies: React, TypeScript, Express, MongoDB

Type: Collaborative hackathon project demonstrating rapid full-stack development

4. Real-Time Chat Application

Path: full-stack-2024/december-2024/16-12-2024-socket-io

WebSocket-based real-time communication platform.

Technologies: React, TypeScript, Express, Socket.IO

Features:

• Real-time bidirectional communication
• Multiple chat rooms
• Online user presence
• Message history

5. Recipe App with shadcn/ui

Path: full-stack-2024/december-2024/12-12-2024-shadcn-app-reciepe-project

Modern recipe management application with premium UI components.

Technologies: React, TypeScript, Vite, shadcn/ui component library

Features:

• Recipe CRUD operations
• Component library showcase
• Modern, accessible UI components

6. Big API Project

Path: full-stack-2024/november-2024/02-11-2024-big-api-project

Comprehensive RESTful API with authentication.

Technologies: Express, MongoDB (Mongoose), JWT, bcrypt

Features:

• Complete CRUD operations
• JWT-based authentication
• Password hashing with bcrypt
• Middleware architecture
• Error handling

Automation Testing Projects

1. Web Interactions Automation Suite

Path: automation-2025/january-2025/30-01-2025-day-3-web-interactions

Components:

• React Vite frontend for testing scenarios
• Python Selenium automation scripts

Features: Form automation, dropdown handling, checkbox interactions, button clicks, delay management

2. E-commerce Landing Page Testing

Path: automation-2025/february-2025/02-02-2025/my-ecommerce-landing

Technologies: React, Vite, Tailwind CSS

Components: Shopping cart, product catalog, contact forms, FAQ section

3. Page Object Model Implementation

Path: automation-2025/february-2025/12-02-2025-classes-pytest

Technologies: Python, Selenium, Pytest, OOP

Architecture:

• Page Object Model design pattern
• Separate page classes (login_page.py, dashboard_page.py)
• Organized test suites (test_login.py, test_dashboard.py)
• Reusable component framework

---

💻 Technologies & Skills

Frontend Development

Core Technologies:

• HTML5, CSS3, JavaScript (ES6+)
• TypeScript (9 projects)
• React (28 projects) - Primary framework
• JSX templating

Build Tools & Bundlers:

• Vite (50+ projects) - Modern build tool
• Create-React-App
• Webpack

UI Frameworks & Libraries:

• Tailwind CSS (10+ projects) - Utility-first CSS
• Material-UI (MUI) - 5 projects
• shadcn/ui - Modern component library
• Bootstrap

State Management:

• Redux (2 projects)
• Redux Toolkit (8 projects)
• Context API (multiple exercises)

Routing & Navigation:

• React Router DOM (8 projects)

Data Fetching & Caching:

• TanStack Query (React Query) - 2 projects
• Axios (13+ projects)
• Fetch API

Backend Development

Server & Runtime:

• Node.js (21+ projects)
• Express.js (21+ projects)

Databases:

• MongoDB (13+ projects)
• Mongoose ODM (13+ projects)
• SQL (early projects with Node.js integration)

Authentication & Security:

• JWT (JSON Web Tokens) - 10+ projects
• bcrypt/bcryptjs - Password hashing in 6+ projects
• CORS configuration
• Express middleware security

Real-Time Communication:

• Socket.IO (2 projects)

File Management:

• Multer - File upload middleware
• Cloudinary - Cloud storage integration

Development Tools:

• Nodemon - Auto-restart development server
• Morgan - HTTP request logger
• DotEnv - Environment variable management

Testing & Quality Assurance

Frontend Testing:

• Jest (2 projects)
• React Testing Library
• Cypress (QA automation)

API Testing:

• Postman (REST API testing)
• Thunder Client

Automation Testing:

• Python (24 automation files)
• Selenium WebDriver
• Pytest framework
• Page Object Model architecture

Programming Languages

• JavaScript/TypeScript: Primary language for all full-stack projects
• Python: Automation testing and scripting (24 files)

Development Tools

• Version Control: Git, GitHub
• Code Quality: ESLint (26+ configurations)
• Package Management: npm (46+ package.json files)
• API Development: Postman, Thunder Client

---

📁 Repository Structure

iitc-bootcamp/
│
├── full-stack-2024/
│   ├── july-2024/              # 21 days - JavaScript fundamentals
│   ├── august-2024/            # 20 projects - HTML/CSS/JS/Node.js basics
│   ├── september-2024/         # 14 days - Frontend Mentor challenges
│   ├── october-2024/           # 9 days - APIs, Promises, REST
│   ├── november-2024/          # 14 days - React, Redux, State Management
│   ├── december-2024/          # 10 days - TypeScript, Full-Stack apps
│   └── february-2025/          # Interview preparation
│
└── automation-2025/
    ├── january-2025/           # Python, OOP, Selenium basics
    │   ├── 21-01, 22-01        # Python fundamentals
    │   ├── 27-01               # OOP classes
    │   ├── 28-01               # Selenium introduction
    │   └── 30-01               # Web interactions
    │
    └── february-2025/          # Pytest, Page Object Model
        ├── 02-02               # Web automation projects
        ├── 04-02               # Israel exercise
        ├── 11-02               # Pytest basics
        └── 12-02               # Page Object Model

---

🎓 Learning Progression

Phase 1: Foundations (July - August 2024)

• JavaScript fundamentals
• DOM manipulation and event handling
• HTML/CSS mastery
• Basic Node.js and SQL integration
• Array and object operations

Phase 2: API Integration (September - October 2024)

• Frontend Mentor design challenges
• RESTful API consumption
• Promises and async/await
• OpenWeather API integration
• Postman API testing
• HTTP request/response cycle

Phase 3: Modern Frontend (November 2024)

• React component architecture
• React hooks (useState, useEffect, useContext)
• React Router for SPA navigation
• Material-UI component library
• Redux and Redux Toolkit for state management
• Tailwind CSS utility-first approach

Phase 4: Full-Stack Mastery (December 2024)

• TypeScript for type safety
• Advanced React patterns
• Socket.IO for real-time features
• TanStack Query for server state
• Complete MERN stack applications
• JWT authentication flows
• shadcn/ui component architecture

Phase 5: Automation Testing (January - February 2025)

• Python programming fundamentals
• Object-Oriented Programming in Python
• Selenium WebDriver automation
• Web element interactions
• Pytest testing framework
• Page Object Model design pattern
• Test suite organization

---

🏆 Key Achievements

Projects by Complexity

Beginner (July - September):

• 55+ basic JavaScript exercises
• DOM manipulation challenges
• Frontend Mentor beginner challenges
• HTML/CSS static websites

Intermediate (October - November):

• API integration projects
• React component development
• Node.js & Express fundamentals
• Database CRUD operations
• State management implementations

Advanced (December - February):

• Full-stack MERN applications
• TypeScript + React projects
• Real-time Socket.IO applications
• Advanced state management (Redux Toolkit)
• TanStack Query data fetching
• Page Object Model test automation
• Complete authentication systems

Technology Statistics

Technology	Count	Category
React Projects	28	Frontend Framework
Vite Builds	50+	Build Tool
Express Servers	21	Backend Framework
MongoDB Projects	13	Database
TypeScript Projects	9	Type Safety
Tailwind CSS	10+	CSS Framework
Redux/Toolkit	10	State Management
Python Automation	24 files	Testing
JWT Auth	10+	Security
Node.js Projects	46	Runtime

---

🌟 Featured Assignments & Exercises

Frontend Mentor Challenges

• Stats Preview Card Component
• Recipe Page Challenge
• Testimonials Grid Section
• Interactive Rating Component
• FAQ Accordion

API Development

• Books & Reviews API (Nov 3, 2024)
• Weather API Integration (Oct 10, 2024)
• OpenWeather API Project (Oct 10, 2024)

State Management

• Redux without Toolkit (Nov 26, 2024)
• Redux Toolkit Implementation (Nov 27, 2024)
• Context API Exercises (Dec 11, 2024)

Authentication Projects

• JWT Authentication System (Nov 28, 2024)
• Base Auth Implementation (Nov 28, 2024)

Code-Along Projects

• Akinator Project with Amit (Nov 11, 2024)
• Pokemon Project (Nov 18, 2024)
• TypeScript Code-Along (Dec 9, 2024)

---

📈 Skills Development Timeline

Month 1-2: HTML, CSS, JavaScript fundamentals, DOM manipulation, Node.js basics

Month 3-4: API integration, Promises, async/await, Express servers, REST APIs

Month 5: React fundamentals, component architecture, React Router, Redux, Material-UI

Month 6: TypeScript, advanced React, full-stack applications, Socket.IO, TanStack Query

Month 7-8: Python programming, Selenium automation, Pytest, Page Object Model

---

🔧 How to Run Projects

Full-Stack Projects

Most projects follow this structure:

# Navigate to project directory
cd full-stack-2024/[month]/[project-name]

# Install dependencies
npm install

# Run development server (Frontend)
npm run dev

# Run backend server (if applicable)
cd server
npm install
npm start

Automation Projects

# Navigate to automation directory
cd automation-2025/[month]/[project-name]

# Install Python dependencies
pip install -r requirements.txt

# Run tests
pytest

# Run specific test file
python [test-file].py

---

🎯 Core Competencies Developed

Full-Stack Development

✅ Building responsive, accessible web interfaces ✅ Component-based architecture with React ✅ State management at scale (Redux Toolkit) ✅ RESTful API design and implementation ✅ Database design and modeling (MongoDB/SQL) ✅ Authentication and authorization (JWT) ✅ Real-time communication (Socket.IO) ✅ TypeScript for type-safe applications

Automation & Testing

✅ Python programming and OOP ✅ Browser automation with Selenium ✅ Test framework development (Pytest) ✅ Page Object Model architecture ✅ Test suite organization and maintenance ✅ Web element interaction patterns

Professional Skills

✅ Version control with Git/GitHub ✅ Code quality and linting (ESLint) ✅ API testing (Postman) ✅ Debugging and troubleshooting ✅ Documentation and code comments ✅ Project organization and structure

---

📚 Resources & Documentation

Official Documentation Used

• React Documentation
• Node.js Documentation
• Express Documentation
• MongoDB Documentation
• TypeScript Documentation
• Selenium Documentation
• Pytest Documentation

Learning Platforms

• IITC Bootcamp curriculum and instructors
• Frontend Mentor challenges
• Hands-on project development
• Code-along sessions

---

🚀 Future Goals

• Deploy major projects to production environments
• Expand portfolio with additional full-stack applications
• Contribute to open-source projects
• Continue learning advanced patterns and architectures
• Explore cloud platforms (AWS, Azure, GCP)
• Deepen DevOps knowledge (Docker, CI/CD)

---

📞 Contact & Connect

This repository represents my journey from foundational programming concepts to building production-ready full-stack applications and implementing professional QA automation frameworks.

Program: IITC Bootcamp - "Combat Soldiers to High-Tech" Duration: July 2024 - February 2025 Focus: Full-Stack Development & QA Automation

---

📝 License

This repository contains educational projects completed as part of the IITC Bootcamp program.

---

Last Updated: February 2025 Total Commits: 100+ Lines of Code: 50,000+ Hours Invested: 800+