Skip to content

README.md

Latest commit

 

History

History
298 lines (232 loc) · 10 KB

README.md

File metadata and controls

298 lines (232 loc) · 10 KB
Raw

🚀 Full-Stack Web Development Bootcamp Journey

Java Angular Node.js MySQL License

📖 Introduction

Welcome to my Full-Stack Web Development Bootcamp Journey! This repository is a comprehensive timeline documenting my progression from foundational programming concepts to building production-ready web applications.

Starting with Core Java fundamentals, I've systematically advanced through database connectivity, server-side development with Servlets & JSP, and modern frontend frameworks. Each folder represents a milestone in my learning path, showcasing hands-on projects that demonstrate real-world application development skills.

This collection features enterprise-level e-commerce platforms, secure banking applications, RESTful APIs, and responsive Angular portfolios — all built from scratch using industry-standard technologies and best practices.

🛠️ Tech Stack

Backend Technologies

  • ☕ Java 17 — Core programming language
  • 🚀 Jakarta Servlets 10 — Server-side request handling
  • 📄 JSP (JavaServer Pages) — Dynamic web content generation
  • 🗄️ JDBC (MySQL Connector/J) — Database connectivity
  • 🔐 BCrypt — Password hashing & security
  • 📦 HikariCP — High-performance connection pooling

Frontend Technologies

  • 🌐 HTML5 & CSS3 — Semantic markup & modern styling
  • ⚡ JavaScript (ES6+) — Client-side interactivity
  • 🅰️ Angular 21 — Component-based SPA framework
  • 🎨 Bootstrap 5 — Responsive UI components

Database & Server

  • 🐬 MySQL 8.0+ — Relational database management
  • 🐈 Apache Tomcat 10.1 — Java application server
  • 🟢 Node.js & Express — Backend JavaScript runtime

Development Tools

  • 💻 Eclipse IDE — Java enterprise development
  • 📝 VS Code — Frontend & Angular development
  • 🔧 Maven/Gradle — Build automation (implicit)
  • 🐙 Git — Version control

📁 Portfolio Structure

01-Core-Java ☕

Foundational Java programming concepts with hands-on exercises:

  • OOP Principles: Inheritance, Polymorphism, Encapsulation, Abstraction
  • Data Structures: Arrays, Collections (ArrayList, Vector)
  • Control Flow: Loops, Conditional statements, Switch cases
  • Design Patterns: Interface-based programming, Factory patterns
  • Exception Handling: Custom exceptions, Try-with-resources
  • Multithreading: Thread creation and management

02-JDBC-and-Databases 🗄️

Database connectivity and SQL fundamentals:

  • JDBC Integration: MySQL connector setup and configuration
  • CRUD Operations: Create, Read, Update, Delete implementations
  • Connection Management: Database connection pooling
  • SQL Queries: DDL, DML, and complex joins

03-Servlets-and-JSP-Basics 🚀

Server-side Java web development fundamentals:

  • Servlet Lifecycle: doGet(), doPost() methods
  • Session Management: Cookies, HTTP sessions
  • JSP Actions: Standard actions and custom tags
  • MVC Architecture: Model-View-Controller pattern implementation
  • Form Handling: Request/response processing
  • Web Deployment: web.xml configuration

04-Capstone-Web-Applications 🏆

Production-level full-stack web applications:

  • E-Commerce Platforms: ShopSphere, QuickBuy, ShopSwift
  • Internet Banking System: Secure financial transactions
  • Admin Dashboards: Product & order management
  • User Authentication: Registration, login, profile management
  • Shopping Cart: Add, update, remove, checkout flow
  • Order Processing: Complete order lifecycle management

05-Frontend-Development 🌐

Modern frontend technologies and frameworks:

  • HTML/CSS Basics: Semantic HTML, Flexbox, Grid, Animations
  • Vanilla JavaScript: DOM manipulation, Events, Functions, ES6+
  • Node.js Backend: Express.js REST APIs, MySQL integration
  • Angular Projects: Component architecture, Routing, Services
  • Responsive Design: Mobile-first approach, Media queries

⭐ Featured Capstone Projects

🛒 ShopSphere E-Commerce Platform

A production-level e-commerce application with advanced security features:

  • Security: BCrypt password hashing, CSRF protection, XSS prevention
  • Performance: HikariCP connection pooling, Jakarta EE 10
  • Features: Category filtering, Search, Pagination, User profiles
  • Tech: Java Servlets, JSP, MySQL, Bootstrap 5

🏦 Internet Banking System

Secure online banking application with comprehensive financial features:

  • Transactions: Fund transfers, Bill payments, Balance inquiries
  • Security: Session-based authentication, Secure password management
  • Features: Account management, Transaction history, Beneficiary management
  • Tech: Java Servlets, JSP, JDBC, MySQL

🛍️ QuickBuy E-Commerce

Full-featured shopping platform with admin panel:

  • User Module: Registration, Login, Profile, Order history
  • Shopping: Product browsing, Cart management, Checkout
  • Admin Panel: Product CRUD, Order management, Dashboard analytics
  • Tech: Java Servlets, JSP, JDBC, MySQL, Bootstrap

🛍️ ShopSwift E-Commerce

Modern e-commerce solution with clean architecture:

  • Models: User, Product, CartItem, Order, OrderItem
  • DAO Pattern: Clean data access layer
  • Servlets: Login, Register, ProductList, Cart, Checkout
  • Tech: Java Servlets, JSP, JDBC, MySQL

🅰️ Angular Portfolio Projects

Modern single-page applications built with Angular 21:

  • Portfolio: Personal portfolio with About, Skills, Contact sections
  • Gravity Portfolio: Creative portfolio with animations
  • Inter: Interactive web application
  • Webproject: Vehicle showcase application
  • Tech: Angular 21, TypeScript, CSS3, Responsive design

🟢 Node.js School Management API

RESTful backend API for school management:

  • Authentication: User registration, Login with bcrypt
  • Database: MySQL integration with mysql2
  • Features: News management, User authentication
  • Tech: Node.js, Express.js, MySQL, bcrypt, dotenv

🚀 Getting Started

Running Java/Tomcat Projects (Eclipse)

Prerequisites

  • ☕ Java JDK 17 or later
  • 💻 Eclipse IDE for Enterprise Java Developers
  • 🐈 Apache Tomcat 10.1.x
  • 🐬 MySQL 8.0+

Steps

  1. Import Project

    File → Import → General → Existing Projects into Workspace
Browse to project folder → Finish

  2. Configure Database

    # Import database schema
mysql -u root -p < database_script.sql

  3. Update Database Credentials

    // Edit DBConnection.java or db.properties
db.url=jdbc:mysql://localhost:3306/your_database
db.username=root
db.password=your_password

  4. Add MySQL Connector

    • Download mysql-connector-j-x.x.x.jar
    • Place in WebContent/WEB-INF/lib/
    • Right-click project → Properties → Java Build Path → Add JARs

  5. Configure Tomcat

    Window → Preferences → Server → Runtime Environments → Add
Select Apache Tomcat v10.1 → Browse to installation → Finish

  6. Run Application

    Right-click project → Run As → Run on Server
Select Tomcat 10.1 → Finish

  7. Access Application

    http://localhost:8080/ProjectName/

Running Node.js/Angular Projects

Prerequisites

  • 🟢 Node.js 18+ & npm
  • 🅰️ Angular CLI (npm install -g @angular/cli)

Node.js Projects

  1. Navigate to Project

    cd 05-Frontend-Development/03-NodeJS-Backend/lightning/school

  2. Install Dependencies

    npm install

  3. Configure Environment

    # Create .env file with your database credentials
DB_HOST=localhost
DB_USER=root
DB_PASSWORD=your_password
DB_NAME=school_db

  4. Run Application

    node app.js
# Server runs on http://localhost:3000

Angular Projects

  1. Navigate to Project

    cd 05-Frontend-Development/04-Angular-Projects/Angularproject/Portfolio

  2. Install Dependencies

    npm install

  3. Run Development Server

    ng serve
# Application runs on http://localhost:4200

  4. Build for Production

    ng build
# Output in dist/ folder

📊 Project Statistics

Category Count Technologies
☕ Java Projects 15+ Core Java, OOP, Collections
🚀 Servlet/JSP Apps 8+ Jakarta EE 10, Tomcat 10
🛒 E-Commerce Platforms 4 ShopSphere, QuickBuy, ShopSwift
🏦 Banking System 1 Internet Banking
🌐 Frontend Projects 20+ HTML, CSS, JavaScript
🟢 Node.js APIs 1 Express.js, MySQL
🅰️ Angular Apps 4 Angular 21, TypeScript

🎯 Key Learning Outcomes

✅ Backend Development: Java Servlets, JSP, JDBC, MVC architecture
✅ Database Design: MySQL schema design, Complex queries, Stored procedures
✅ Security: Password hashing, CSRF protection, Session management
✅ Frontend: HTML5, CSS3, JavaScript ES6+, Responsive design
✅ Modern Frameworks: Angular 21, Component-based architecture
✅ API Development: RESTful services with Node.js & Express
✅ Version Control: Git workflow and collaboration
✅ Deployment: Tomcat server configuration, Build automation

📝 License

This project is created for educational purposes as part of a Full-Stack Web Development Bootcamp.

👨‍💻 Author

Anirudh Mukund Kumar
Full-Stack Web Developer in Training

⭐ If you find this repository helpful, please consider giving it a star!