HomeCoursesCreating Five Impactful Applications with ReactJS
AI-powered learning
Save

Creating Five Impactful Applications with ReactJS

Gain insights into ReactJS by building five applications: a to-do list, quiz, weather app, memory game, and portfolio. Discover hooks, APIs, and dynamic UI design to enhance your resume.

48 Lessons
18h
Join 2.9 million developers at
Join 2.9 million developers at
LEARNING OBJECTIVES
  • A strong understanding of ReactJs through its application to different projects
  • Hands-on experience fetching data from the internet
  • Ability to store memory in the browser using local storage
  • Mastery over the use of ReactJS props and hooks
  • Hands-on experience creating the Github readme profile using markdown
  • A working knowledge of how to decompose a frontend application into ReactJS components

Learning Roadmap

48 Lessons5 Assessments

1.

Course Overview

Course Overview

Break down ReactJS fundamentals with practical projects like a quiz app and weather app.

2.

My Todo List

My Todo List

Walk through creating a React-based ToDo List app with component organization, state management, unique IDs, and localStorage persistence.

3.

JavaScript Quiz

JavaScript Quiz

7 Lessons

7 Lessons

Break apart the JavaScript Quiz app structure, components, and integration steps.

4.

Pretty Sunny

Pretty Sunny

11 Lessons

11 Lessons

Grasp the fundamentals of building a React weather app with API integration and dynamic UI.

5.

Asia Explorer

Asia Explorer

7 Lessons

7 Lessons

Solve problems in building a ReactJS card-matching game with shuffled flag images.

6.

Personal Portfolio

Personal Portfolio

7 Lessons

7 Lessons

Tackle building a ReactJS portfolio with components for skills, projects, and contact details.

7.

GitHub Readme Profile

GitHub Readme Profile

3 Lessons

3 Lessons

Master the steps to create an engaging GitHub README profile with custom repositories, introductions, skills, and performance graphs.
Certificate of Completion
Showcase your accomplishment by sharing your certificate of completion.
Author NameCreating Five Impactful Applicationswith ReactJS

Show License and Attributions

Developed by MAANG Engineers
ABOUT THIS COURSE
ReactJS is one of the most well-known JavaScript frameworks. It was created by Facebook (now Meta). Being component-based and drawing on the most recent theories behind design systems, it allows you to design frontend software quickly and create dynamic user interfaces. This course takes a project-oriented approach. You’ll start by building a “My To-do List” application, using localStorage, useEffect, and useState hooks, as well as setTimeout and nanoid. Then, you will build a “Quiz” application while learning to use the confetti package and ternary operator. Next, you’ll cover fetch API and build the “Pretty Sunny” project. Next, you’ll create the “Asia Explorer” memory game, creating catchy effects by dynamically adding class names. Then, you will implement a “Personal Portfolio” application. Finally, you will create a “GitHub Readme” profile to help you showcase your projects on GitHub. Ultimately, you’ll be able to highlight your achievements on your resume, thus boosting your chances of landing a job.
ABOUT THE AUTHOR

Vansh Sharma

I'm self-taught passionate Frontend Developer from India. I am passionate about creating beautiful and functional web apps. I'm also a fan of the latest technologies and I'm always learning new things.

Learn more about Vansh

Trusted by 2.9 million developers working at companies

These are high-quality courses. Trust me the price is worth it for the content quality. Educative came at the right time in my career. I'm understanding topics better than with any book or online video tutorial I've done. Truly made for developers. Thanks

A

Anthony Walker

@_webarchitect_

Just finished my first full #ML course: Machine learning for Software Engineers from Educative, Inc. ... Highly recommend!

E

Evan Dunbar

ML Engineer

You guys are the gold standard of crash-courses... Narrow enough that it doesn't need years of study or a full blown book to get the gist, but broad enough that an afternoon of Googling doesn't cut it.

S

Software Developer

Carlos Matias La Borde

I spend my days and nights on Educative. It is indispensable. It is such a unique and reader-friendly site

S

Souvik Kundu

Front-end Developer

Your courses are simply awesome, the depth they go into and the breadth of coverage is so good that I don't have to refer to 10 different websites looking for interview topics and content.

V

Vinay Krishnaiah

Software Developer

Built for 10x Developers

No Passive Learning
Learn by building with project-based lessons and in-browser code editor
Learn by Doing
Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go
Learn by Doing
Future-proof Your Career
Get hands-on with in-demand skills
Learn by Doing
AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"
Learn by Doing
Learn by Doing
MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies
Learn by Doing