Enhance your Coding knowledge in React Js Development

To Gain Project Based Coding Skills

Workflow of

CFI Internship Program
Cinque Terre
 Domain:Front-End Development
 Duration:45 Days
 Mode:Live Online
 Language:English & Hindi
 Project:2 Project Included
 Project Mentor:Yes
 Certifications: Yes (2 Certifications)
- Course Completion Certificate
- Internship Completion Certificate

Internship Overview

The industrial internship in React JS Development provided practical exposure to modern web development practices and frontend technologies. During this internship, you worked on building responsive and interactive user interfaces using React JS, a popular JavaScript library for creating dynamic single-page applications (SPAs).

Eligibility

  •  B.E. - 2nd Year
  •  MCA & BCA student
  •  BSC Computer, BSC IT, and BCCA students

Mode

Live Online Mode

Live Online Training From Industry Person

Fees

1. Internship

No fees for internship as per AICTE rule.

2. Training

Rs. 1350/- (Training + Mentorship + Documentation fees)

Modules of

Internship Journey

HTML5, CSS3, JavaScript ES6, React Js, React Router, Axios, Bootstrap, Tailwind CSS, GitHub, Netlify/Vercel

Module 01
Week 1: Fundamentals of Web & React Basics
#1
  • Introduction to Internship Program
  • Web Development Overview
  • Frontend vs Backend
  • Software Installation (VS Code, Node.js)
#2
  • HTML Basics Revision
  • Forms, Tables, Semantic Tags
#3
  • CSS Basics
  • Flexbox, Grid Layout
#4
  • JavaScript Basics
  • Variables, Functions, Loops
#5
  • DOM Manipulation Basics
  • Events Handling
#6
  • ES6 Concepts
  • Arrow Functions, let/const, Spread Operator
#7
  • Introduction to React JS
  • Why React?
  • React Setup using Vite
Module 02
Week 2: React Core Concepts
#1
  • JSX Syntax
  • Components in React
#2
  • Functional Component
  • Props Concep
#3
  • State Management using useState()
#4
  • Event Handling in React
#5
  • Conditional Rendering
#6
  • Lists & Keys
#7
  • Mini Project Task: Create Student Profile App
Module 03
Week 3: React Intermediate Concepts
#1
  • useEffect Hook Basics
#2
  • Forms Handling in React
#3
  • Controlled Component
#4
  • Form Validation
#5
  • React Router DOM Introduction
#6
  • Navigation & Routes
#7 Mini Project 01: Multi-page College Website
Module 04
Week 4: Advanced React Development
#1
  • Component Lifecycle Concept
#2
  • useContext Hook
#3
  • Global State Management Basics
#4
  • Reusable Components Design
#5
  • API Calling using fetch()
#6
  • Axios Integration
#7
  • Project Task: Weather App using API
Module 05
Week 5: UI Development & Project Work
#1
  • Bootstrap with React
#2
  • Tailwind CSS Introduction
#3
  • Responsive Design Techniques
#4
  • Cards, Navbar, Footer Components
#5
  • Search & Filter Features
#6
  • Dark Mode Implementation
#7
  • Mini Project 02: E-Commerce UI
Module 06
Week 6: Real Time Project Development
#1
  • Project Selection Discussion
#2
  • Project Planning & Wireframing
#3
  • Folder Structure Setup
#4
  • Authentication UI Design
#5
  • Dashboard UI Development
#6
  • API Integration
#7
  • Final Project: Development Continue
    • Testing & Debugging
    • Deployment on Netlify / Vercel
    • Final Project Presentation

Want to start your internship journey?

Last date of registration 30th May, 2026

Internship starting date 01st June, 2026