HomeCoursesCreating Five Impactful Applications with ReactJS

Updated 27 Aug

AI-powered learning

Save

Creating Five Impactful Applications with ReactJS

Name: Creating Five Impactful Applications with ReactJS
Price: 59 USD
Author: Vansh Sharma

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

1 AI mock interview

18h

Created by Vansh Sharma

Creating Five Impactful Applications with ReactJS

What's included

48 lessons across 8 modules
1 AI mock interview with scoring rubrics
AI Tutor on every lesson

Join 3.1 million developers at

What You'll Learn

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

Course Overview

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

Course Introduction

Introduction to Projects

My Todo List

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

Input Component Functions

About Nanoid

ToDoList Component

Import ToDoList Component

Understand localStorage

Use localStorage

React Fundamental Assessment

Assessment

JavaScript Quiz

7 Lessons

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

React Beginner Assessment

Assessment

Pretty Sunny

11 Lessons

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

React Intermediate Assessment

Assessment

Asia Explorer

7 Lessons

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

Advance Level React Assessment

Assessment

Personal Portfolio

7 Lessons

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

React Final Assessment

Assessment

GitHub Readme Profile

3 Lessons

Master the steps to create an engaging GitHub README profile with custom repositories, introductions, skills, and performance graphs.

Conclusion

Sharpen your skills in React and pursue internships while continuing to learn new technologies.

Where to Go Next

Frontend React Developer

Mock Interview

Premium

Certificate of Completion

Showcase your accomplishment by sharing your certificate of completion.

Show License and Attributions

About this course

WHY I WROTE 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 3.1 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

Anthony Walker

@_webarchitect_

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

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.

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

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.

Vinay Krishnaiah

Software Developer

FOR TEAMS

Interested in this course for your business or team?

Unlock this course (and 1,000+ more) for your entire org with DevPath