Scribd
Upload
12 views

React Js

Uploaded by

Biswajit Dey
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
12 views

React Js

Uploaded by

Biswajit Dey
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 13

ReactJS

ABOUT US
CODSOFT is a vibrant and diverse community that brings
together individuals with similar objectives and ultimate goals.
Our main focus is on creating opportunities that span various
areas, including leadership development, learning, student
engagement, and fostering shared interests.

We believe in the power of leadership and its ability to drive


positive change. That's why we provide platforms and resources
for our community members to develop their leadership skills.
Through mentorship programs, workshops, and collaborative
projects, we empower individuals to take on leadership roles and
make a difference in their respective fields.
INSTRUCTIONS
Updat e your Li nkedI n pr of i l es

For t he React J S i nt er ns hi p, you wi l l need t o compl et e at l eas t 3 t as ks f or t he


s ucces s f ul compl et i on of t he i nt er ns hi p

Mai nt ai n a s epar at e Gi t Hub r epos i t or y( name CODSOFT f or al l t he t as ks and


s har e t he l i nk of t he Gi t Hub r epo i n t he t as k s ubmi s s i on f or m( i t wi l l be gi ven
l at er t hr ough emai l ) .

You can r ef er t o onl i ne r es our ces s uch as Googl e Sear ch and r ead t ut or i al s .
Wat ch vi deos ( For Hel p) .
SUBMISSION
1 A TAS K S UBMI S S I ON F ORM wi l l be sha r e d
l a t e r t hr oug h e ma i l . Ti l l t hen pl ea se co n t i n ue
you r t a s k.

2 A v i deo need t o b e cr e a t e d to s ho wca se yo ur wo rk ,


de mo o f your e f f o r t
The video can be hosted on LinkedIn for proof of
3 your work and build credibility among your peers .
You can tag CODSOFT in such posts.

P l e a se a dd # co d s o f t i n e a ch o f yo ur ta sk
44 v i de o p os t i ng s o n L i n ke d I n , Addi ti o n a ll y, yo u
ca n a l s o a dd ha sht a g s such a s # i n te rn shi p
# we bdev el op me n t . f o r mo re re a ch a n d
v i s i bi l i t y.
ABOUT THE INTERNSHIP

COMPLETI O N PLACEMENT NETWORK


CER TI FI CAT E SUPPORT OPPORTUN I T Y
ReactJS

For the ReactJS internship, you will need to complete at least 3 tasks
for the successful completion of the internship
TASK 1

Personal Portfolio Website


Description: Create a personal portfolio website to showcase your skills and projects.
Steps:
1. Set up the project with Create React App or a similar tool.
2. Design the website layout with React components and CSS.
3. Create sections for an introduction, project showcase, about me, and contact information.
4. Utilize React Router for navigation between different sections
Features: Home page, project showcase, about me section, contact form.
Skills: React components, responsive design, and CSS styling
TASK 2

Task Tracker Application

Description: Build a simple task tracker application for managing to-do items.
Steps:
1. Create the task tracker app using React and state management.
2. Design a user-friendly interface to add, update, and delete tasks.
3. Implement a feature to mark tasks as complete or incomplete.
4. Style the application with CSS to enhance the user experience.

Features: Add, update, and delete tasks. Mark tasks as complete.


Skills: React state management, component lifecycle, and handling forms
TASK 3

Blog Platform

Description: Develop a simple blog platform for users to create, edit, and publish blog posts.
Steps:
1. Create the project structure and set up user authentication (e.g., Firebase).
2. Design a user-friendly interface for creating and editing blog posts.
3. Use React Router to navigate between blog posts and the post creation page.
4. Implement the ability to publish, edit, and delete blog posts.

Features: Create, edit, and delete blog posts, user authentication.


Skills: React Router, managing user accounts, handling user-generated content
TASK 4

Product Catalog
Description: Build a product catalog for an e-commerce website.
Steps:
1. Set up the React application structure and create a product catalog component.
2. Display product listings, including images, names, and prices.
3. Implement a shopping cart component to add and remove products.
4. Utilize state management to track cart items and calculate totals.

Features: Display product listings, product details, and a shopping cart.


Skills: React components, state management, basic e-commerce functionality
TASK 5

Online Quiz Platform


Description: Develop an online quiz platform that allows users to create, take, and share
quizzes.
Steps:
1. Set up the project structure and design a user-friendly quiz creation interface.
2. Implement user authentication for quiz creators and quiz takers.
3. Create features for quiz creation, taking, scoring, and sharing.
4. Add social sharing functionality for quiz results.
Features: User authentication, quiz creation, quiz taking, score tracking, and sharing
functionality.
Skills: User authentication, quiz management, data tracking, social sharing.
ASK US FOR HELP!
THE PURPOSE OF THIS INTERNSHIP IS TO
LEARN AND GROW

We h a v e n o d e s i r e t o d i c t a t e t o y o u . I t i s e n t i r e l y
u p t o y o u wh e t h e r y o u s e e k g u i d a n c e o r n o t .

T h e g i v e n t a s k s ma y s e e m v e r y e a s y o r v e r y d i f f i c u l t .
We e x p e c t y o u t o a p p r o a c h t h e t a s k s wi t h
professional diligence and give them the attention
they deserve."
GET SOCIAL WITH
US
www.codsoft.in

[email protected]

CodSoft

You might also like