React & Tailwind Web Development Internship (CBLU)

Self-Paced

Fee: ₹499

Dr. Pooja Bijlani | HOD School of Computing and Future Skills

This internship provides a practical, project-based experience in modern web development using React.js and Tailwind CSS. Learners will gain hands-on skills in building responsive, scalable, and dynamic applications while strengthening problem-solving and coding practices. The program also emphasizes portfolio development and communication skills for professional growth.

Objectives

To master the fundamentals and advanced concepts of React.js.

To gain expertise in Tailwind CSS for responsive UI design.

To apply knowledge in real-world projects for hands-on experience.

To develop skills for deploying and optimizing React applications.

To prepare learners for front-end development roles with a strong project portfolio.

What Will You Learn

✔ By the end of this internship, you will be able to:

✔ Build dynamic, interactive web applications using React.

✔ Style applications with Tailwind CSS for modern and responsive designs.

✔ Integrate React with Tailwind for scalable and maintainable UIs.

✔ Manage state, events, and data flow in React applications.

✔ Complete and deploy a real-world web project.

✔ Present your work confidently with professional communication skills.

Skills you will gain

React.js Fundamentals & Advanced Concepts

Tailwind CSS for UI & Responsive Design

Component-Based Architecture

State Management & Event Handling

Web Application Deployment

Project-Based Problem Solving

Clean Code Practices & Optimization

Portfolio Development

Presentation & Communication Skills

Curriculum

Module - 1 - React
- 1.1 React IntroductionPage
- 1.2 Create Hello World react appPage
- 1.3 Understanding folder StructurePage
- 1.4 PracticalPage
- 1.5 Functional ComponentPage
- 1.6 Rendering Dynamic DataPage
- 1.7 Handling EventsPage View
- 1.8 UseStateHooksPage
- 1.9 Complete React ProjectPage

Module - 2 - Tailwind CSS
- 2.1 What is Tailwind and Why use it?
- 2.2 How to Start with Tailwind using CDN n node ?
- 2.3 Text /Font Styling
- 2.4 Color Utility
- 2.5 Height & Width
- 2.6 Grid
- 2.7 Flex box
- 2.8 Responsive
- 2.9 Button

Module - 3 - Project based Learning
- 3.1 Project Introduction
- 3.2 Setting up Project
- 3.3 Creating Navbar
- 3.4 Creating Hero section
- 3.5 Creating about course section
- 3.6 Creating testimonial
- 3.7 Creating footer

Module - 4 - React with Tailwind
- 4.1 Introduction and installation
- 4.2 Creating first React app , understanding file structure
- 4.3 React Components
- 4.4 Tailwind Installation with React
- 4.6 Creating Navbar
- 4.7 Handling Events
- 4.8 UseState Hooks
- 4.9 Display List using map()

Module - 5 - Project in React with Tailwind
- 5.1 Project Introduction UpSkill App
- 5.2 Creating Navbar
- 5.3 Hero Section
- 5.4 Button
- 5.5 About
- 5.6 Course Filter
- 5.7 Creating Footer

Communication Skills

Module - 1 - Verbal Communication Skills
- 1.1 Definition & Importance
- 1.2 Reading
- 1.3 Writing
- 1.4 Speaking
- 1.5 Listening
- 1.6 Thinking
- 1.7 Pronunciation
- 1.8 Barrier to Effective Communication
- 1.9 Communication Styles - Being Assertive
- 1.10 Art of Saying No - Refusing Skills
- 1.11 Learn Writing Skills

Module - 2 - Non-Verbal Communication Skills (Body language)
- 2.1 Definition & Importance of Non-Verbal Communication Skills (Body language)
- 2.2 Posture
- 2.3 Gestures
- 2.4 Eye Contact
- 2.5 Facial Expression
- 2.6 Tone
- 2.7 Fidgety Movements
- 2.8 Tips to Improve Body Language

Module - 3 - Interpersonal Skills
- 3.1 Definition & Importance
- 3.2 Improve Interpersonal Skills

Module - 4 - Public Speaking Skills
- 4.1 Definition and Its Importance of Public Speaking Skills
- 4.2 Overcoming Fear
- 4.3 - Extempore
- 4.4 Group Discussion-1
- 4.5 Group Discussion-2
- 4.6 Tips to improve Group Discussion
- 4.7 Presentation
- 4.8 Interview Preparation (Before the Interview)
- 4.9 Interview Preparation (During the Interview)
- 4.10 After the Interview
- 4.11 Online Interview
- 4.12 Activity-Live Interview

Self Learning Material (SLM)

Discussion Forum

Capstone Project

Final - Assessment

Internship Certificate

Instructor

Dr. Pooja Bijlani

Trainer (Subject Expert) Future Skill Academy

AI ML , Data science , Full Stack Java Development

Presently she is working as a IT Trainer (Subject Expert )at Future Skill Academy, AISECT, Bhopal. She is having over 15 years of academic and research experience. Expert in Programming Languages C,C++,Python , Java ,React Spring Boot, Artificial Intelligence , Machine Learning and Data Science. Students accolades her programming language teaching skills . Having experience in number of End to End projects in Natural language Processing , Computer Vision and Python Desktop Application GUI. Web Designing.

4.0 968 ratings 1087 Learners Learners

Shareable Certificate

React & Tailwind Web Development Internship (CBLU)

Objectives

What Will You Learn

Skills you will gain

Curriculum

Module - 1 - React

Module - 2 - Tailwind CSS

Module - 3 - Project based Learning

Module - 4 - React with Tailwind

Module - 5 - Project in React with Tailwind

Communication Skills

Module - 1 - Verbal Communication Skills

Module - 2 - Non-Verbal Communication Skills (Body language)

Module - 3 - Interpersonal Skills

Module - 4 - Public Speaking Skills

Self Learning Material (SLM)

Discussion Forum

Capstone Project

Final - Assessment

Internship Certificate

Instructor

Dr. Pooja Bijlani

Shareable Certificate

Other Details