6 Week Web Development Internship Map

Week 1: React.js & Web Fundamentals

  • Introduction to React.js: Components, JSX, Props, State
  • Project Structure & Tooling (Vite, Create React App, etc.)
  • Basic UI: Forms, Lists, Events in React
  • Styling in React (CSS Modules, Styled Components, etc.)

Week 2: Flask API Basics

  • Introduction to Python & Flask
  • Setting Up Flask Environment
  • Building RESTful APIs: Routes, JSON, CRUD
  • Connecting React Frontend to Flask API (fetch/axios)

Week 3: Data & State Management

  • React State Management (useState, useEffect)
  • Fetching Data from Flask API
  • Displaying & Updating Data in React
  • Flask: Working with Data (in-memory or SQLite)

Week 4: Authentication & Advanced API

  • User Authentication (JWT or Session-based)
  • Protected Routes in Flask & React
  • Advanced API Endpoints (Filtering, Pagination)
  • React: Forms & Validation

Week 5: Full Stack Project Development

  • Project Planning & Wireframing
  • Building a Full Stack App (React + Flask)
  • Testing & Debugging Both Ends

Week 6: Deployment & Presentation

  • Deploying Flask Backend (Render, Heroku, etc.)
  • Deploying React Frontend (Netlify, Vercel, etc.)
  • Final Project Polishing
  • Presentation & Feedback