Scribd
Upload
5 views9 pages

React - Stage 2 Assignment (Xenosis)

Assignment internship

Uploaded by

balder dash
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
5 views9 pages

React - Stage 2 Assignment (Xenosis)

Assignment internship

Uploaded by

balder dash
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 9

XENOSIS IT SOLUTIONS

Engineering Excellence, Every Solution, Every Time

ASSIGNMENTS
REACT DEVELOPER INTERN

Date: 22 July to 31 July Submission Date: 29, 30, 31 July


Stage 2 Assignment 1: Customer Feedback Form

Assignments
(For React Development Interns) Assignment 2: Creating Travel Journal Application

Stage 2 is designed as an introductory stage where


intermediate tasks are assigned to test your
knowledge and skills. On the right side of the slide, Assignment 3: Fitness Challenge Tracker
you will find 5 assignments listed. However, it is
mandatory for each participant to complete at
least 3 of them.
Assignment 4: Building a Job Board

Date:
22 July to 31 July Assignment 5: Course Creation and Management UI Only

Submission Date:
29, 30, 31 JULY Please note that no one will use AI tools to complete their assignments.
If you use chatGPT or other AI tools then you will be disqualified
INSTRUCTIONS
This stage is designed to introduce you to the intermediate concepts of ReactJS and to help you become
familiar with the workflow of a React developer. By completing these assignments, you will gain hands-on
experience and build a solid foundation for more advanced tasks in the future.

What You'll Learn:


Component-Based Architecture: Build UIs with reusable components for better code reusability and
maintenance.
State Management: Manage component state to handle dynamic data and user interactions.
Declarative Syntax: Use React’s syntax to simplify UI descriptions, making development easier.
Tools and Ecosystem: Get familiar with Create React App and explore React’s libraries and extensions.

Your Journey:
Throughout these assignments, you'll tackle practical tasks that simulate real-world scenarios faced by
React developers. Each assignment is crafted to reinforce your understanding of React concepts and
prepare you for more complex challenges in future stages of your internship.
ASSIGNMENT 1: CUSTOMER FEEDBACK FORM

Requirements:
Create a React component for a customer feedback form.
The form should collect the customer's name, email, rating (1-5 stars), and feedback
comments.
Include form validation: all fields are required, email should be in the correct format, and
rating should be between 1 and 5.
On form submission, display a thank you message and the collected data.
ASSIGNMENT 2: CREATE A TRAVEL JOURNAL APP

Requirements:
Create a React application for users to log their travel experiences.
The app should have a form to add a new travel entry with fields for destination, date,
description, and photo upload.
Display a list of all travel entries with the most recent entry at the top.
Each entry should show the destination, date, description, and photo.
Implement local storage to persist the data.
ASSIGNMENT 3: FITNESS CHALLENGE TRACKER DASHBOARD

Requirements:
Create a React application to track fitness challenges.
Users should be able to create a new challenge with fields for challenge name, description,
start date, end date, and goal.
Display a list of ongoing and completed challenges.
Include a progress tracker for each challenge.
Implement local storage to persist the data.
ASSIGNMENT 4: BUILDING A JOB BOARD USING REACT

Requirements
Create a React application for a job board.
Users should be able to post new job listings with fields for job title, company name,
location, salary, and job description.
Display a list of job listings with filters for location and job title.
Each job listing should display all relevant information.
Implement pagination for the job listings.
ASSIGNMENT 5: COURSE CREATION AND MANAGEMENT UI ONLY

Requirements:
Create a React UI for a course creation and management system.
Include forms for adding new courses with fields for course name, description,
duration, and instructor.
A dashboard to view all created courses.
Options to edit and delete courses.
Use mock data for this assignment.
CONTACT US
Website Email Address
https://xenosis.in/ [email protected]

XENOSIS IT SOLUTIONS
Engineering Excellence, Every Solution, Every Time

You might also like