AI-powered learning
Save this course
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
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.
Complete more lessons to unlock your certificate
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.
Trusted by 2.9 million developers working at companies
A
Anthony Walker
@_webarchitect_
E
Evan Dunbar
ML Engineer
S
Software Developer
Carlos Matias La Borde
S
Souvik Kundu
Front-end Developer
V
Vinay Krishnaiah
Software Developer
Built for 10x Developers
No Passive Learning
Learn by building with project-based lessons and in-browser code editor


Personalized Roadmaps
The platform adapts to your strengths & skills gaps as you go


Future-proof Your Career
Get hands-on with in-demand skills


AI Code Mentor
Write better code with AI feedback, smart debugging, and "Ask AI"




MAANG+ Interview Prep
AI Mock Interviews simulate every technical loop at top companies


Free Resources