DEV Community

Shubhra Agarwal
Shubhra Agarwal

Posted on

39 9

8 Projects you should make to take your React Game to the next level

We all want to show off our skills in front of others.. Why not make some cool projects so that we also have evidence for our words!!

Let's dive into these 8 projects that will help you improve your react skills...

β˜‘ Build a Photo Gallery with React and Firebase

This tutorial teaches you how to create a photo gallery. The tutorial not only covers the basics and fundamentals of React but also shows you how to create your own custom hooks. Yes, custom hooks!

β˜‘ Build an Expense Tracker using React Hooks and Context API

In this tutorial, create an Expense Tracker Application using React Hooks and Context API. Use this to track your expenses and never go broke again.
https://www.youtube.com/watch?v=XuFDcZABiDQ

β˜‘ Build Hangman with React by CodeSTACK

In this tutorial, Brad builds a hangman game using codeStackr. A must watch for those looking to learn React basics, fundamentals and Hooks.
https://www.youtube.com/watch?v=jj0W8tYX_q8

β˜‘ Build an Exercise Tracker using React.js and Hooks

In this video, You will be building a exercise tracker and you'll get to learn Hooks and React Router. Build this and go hang your own manπŸ˜‚πŸ˜‚πŸ˜‚
https://www.youtube.com/watch?v=iqewbHLKkQk

β˜‘ React.js Full Crash Course with a Meetups Project

A crash course by Maximilian Schwarzmuller (Academind) that teaches you all the fundamentals of React.js. This tutorial also includes a project that uses Firebase as a database.
https://www.youtube.com/watch?v=Dorf8i6lCuk

β˜‘ Build a Weather Application

This tutorial uses the Open Weather Map API to make calls to a restful api to return the current weather data. This uses the Modern Javascript Fetch AP along with React hooks and conditonals.
https://www.youtube.com/watch?v=GuA0_Z1llYU

β˜‘ Build a Todo Application in React.js

DevEd shows you how to create a Todo Application in React.js
https://www.youtube.com/watch?v=pCA4qpQDZD8

β˜‘ How To Build A Better Spotify With React

Spotify is pretty cool, but what if you could make a better version? In this video, you will create a Spotify clone that not only has many of Spotify's features but also includes lyric lookup.
https://www.youtube.com/watch?v=Xcet6msf3eE

Sentry blog image

How I fixed 20 seconds of lag for every user in just 20 minutes.

Our AI agent was running 10-20 seconds slower than it should, impacting both our own developers and our early adopters. See how I used Sentry Profiling to fix it in record time.

Read more

Top comments (0)

Image of Docusign

πŸ› οΈ Bring your solution into Docusign. Reach over 1.6M customers.

Docusign is now extensible. Overcome challenges with disconnected products and inaccessible data by bringing your solutions into Docusign and publishing to 1.6M customers in the App Center.

Learn more