DEV Community

Cover image for 21 React Example Projects to Learn From (Open-source, Beginner-Intermediate Level)

21 React Example Projects to Learn From (Open-source, Beginner-Intermediate Level)

Syakir on September 28, 2020

This post was originally published at https://www.devaradise.com/react-example-projects Learning React.js can be done in many ways. One of the mos...
Collapse
 
n1ru4l profile image
Laurin Quast

github.com/dungeon-revealer/dungeo... is a frontend & backend web app for (remote) tabletop role-playing games built with react, typescript, react-three-fiber, and heavily uses fp-ts on the backend. We are actively looking for contributors and there a few issues for getting started quickly 🙂 We have a discord community and I would be happy to guide new contributors throughout their first open-source adventures!

Collapse
 
steniowagner profile image
Stenio Wagner

Here's my contribution with more projects for this post!

A Store System built with Electron, React, Material-UI, Redux, Redux-Saga, MySQL and Sequelize:
github.com/steniowagner/store-system

A React-Native streaming-audio app that provides knowledge in the shape of Podcasts.

A React-Native App that shows options of Restaurants, Gastronomic Events and Dishes in the City of Fortaleza (Brazil).

A Full-stack to send push notifications to Expo apps.

Collapse
 
syakirurahman profile image
Syakir

Thanks for the addition, Stenio!

Collapse
 
webdril_91 profile image
Emeka Michael

Hi, these is awesome, but how do one get a walkthrough video or doc on these projects... It will really make learning easier if there are walkthrough for these projects... Please kindly share walkthrough video or doc.

Collapse
 
syakirurahman profile image
Syakir

These projects are not mine.. some projects might have a youtube tutorial for them.. just check the detail in their repository

Collapse
 
theonlybeardedbeast profile image
TheOnlyBeardedBeast

Scrum poker app, real time, React with ts and dotnet core signalR on the backend
github.com/TheOnlyBeardedBeast/Scr...
github.com/TheOnlyBeardedBeast/Scr...

Collapse
 
azeemdev profile image
Azeem Sharif • Edited

Hi have you deployed this app to some domain ? Actually I am working with vanila JS with signalR and for backend I am using asp.net core. I am actually new to programming and It seems I am unable to find some help on how to deploy your server on the same domain

Collapse
 
syakirurahman profile image
Syakir

Thanks.. I'll take a look

Collapse
 
jsolano profile image
J.P. Solano

Hi Syakir, thank you for compiling all this awesome react projects. Here my contribution : I create a React app that solve every sudoku puzzle (Porting Peter Norvig python solver) github.com/jsolano/react-sudoku-so...

Collapse
 
jsolano profile image
J.P. Solano

Just published an post about it dev.to/jsolano/building-a-react-ap...

Collapse
 
lalami profile image
Salah Eddine Lalami

Thanks for sharing ,
here another project you can learn from it's Mern-stack React.js Redux Node.js :
github.com/idurar/idurar-erp-crm

open source erp

Collapse
 
miladr0 profile image
Milad Ranjbar

Simple task management like Trello, using Tailwind CSS and react, just frontend.
github.com/miladr0/task-do

Collapse
 
manikandanraji profile image
Manikandan

glad to see my 'clone trilogy' here

Collapse
 
hailomym profile image
HailoMYM

Nice post, thanks. Do you have a list of backend projects? That may be interesting too

Collapse
 
syakirurahman profile image
Syakir

The list number 17-21 have their own backend projects too. Just check their repos.