DEV Community

loading...
Cover image for 7 Fullstack Projects You Need to Make in 2021

7 Fullstack Projects You Need to Make in 2021

Henry Boisdequin on January 08, 2021

What fullstack project should I make? If you keep asking yourself these questions, you're in the right place. I've curated a list of 7 fullstack pr...
pic
Editor guide
Collapse
aslasn profile image
Ande

I think the best one on this list is probably a zoom clone or a video chatting app, if you have the time of course. You learn a lot trying to make it better. It includes text chat too.

And suggestion would be to not worrying too much about the how the UI looks but focus on the functionalities and making the navigations smoother and more interactive.

Collapse
hb profile image
Henry Boisdequin Author

I totally agree with you! Creating an app which allows users to interact with each other via their webcam is no easy feat. This project focuses on the backend as much as the frontend and UI which makes it a true fullstack project. Thanks for reading.

Collapse
tamusjroyce profile image
tamusjroyce

NVidia Jetson Nano has a optimized version of WebRTC and supports AI if you want to go a step further. It also makes a great security camera system.

Collapse
param302 profile image
Parampreet Singh

you are right

Collapse
murkrage profile image
Mike Ekkel

Great list 😄. I think the best projects to learn new things with are building clones of existing products and figuring out how you would make it better. What kind of features do you think it's lacking or should be done in a different way.

I particularly like the workout tracker because I think it's fitting for the current times where gyms tend to be closed. How would we actively track and motivate home workouts, that kind of stuff.

Collapse
hb profile image
Henry Boisdequin Author

Thanks for reading! I definitely think that building clones of an existing project are a great way to get better too (especially on your CSS skills).

Collapse
codecustard profile image
Emmanuel Barroga

WebRTC and socket.io is definitely a great tech stack choice! They are great for other use cases as well, for instance socket.io can also be used for an auto match making video game: codecustard.io/portfolio/toonkins-...

Collapse
hb profile image
Henry Boisdequin Author

Yes, socket.io can be used for many things! I love socket.io because of that!

Collapse
xemicolon profile image
Light

I’ll try out the zoom clone and social media app. I’ve done an e-commerce with MEVN stack (Mongo, ExpressJS, Vue, NodeJS) and I’m currently reproducing it with MENN stack (Mongo, ExpressJS, NodeJS, NuxtJs).

Collapse
hb profile image
Henry Boisdequin Author

Good luck! Thanks for reading!

Collapse
levivm profile image
Levi Velázquez

Very nice list of projects. Just complementary content. I created a post here in dev.to about how to choose the right backend framework. This can help out if someone wonders what kind of framework should use based on the domain problem.

Collapse
hb profile image
Henry Boisdequin Author

That's an awesome post! Thanks for reading!

Collapse
paras594 profile image
Paras

Great List !! :)

Collapse
hb profile image
Collapse
dastasoft profile image
dastasoft

For the video chatting app/Zoom clone I think is worth mentioning to try an implementation with Jitsi Web API. Working with an external product have value too.

Collapse
hb profile image
Henry Boisdequin Author

I've never tried the Jitsi Web API! I'll try it out, thanks for mentioning it!

Collapse
dastasoft profile image
dastasoft

I have a simple implementation on github.com/dastasoft/project-holo with ReactJS, check it out maybe some initial issues are resolved there.

Collapse
alemalohe profile image
Ałohe

I'm making a React web app with React, Nodejs + Express, Mysql do you think that's a good stack? like should I use another database or MySQL is fine?

Collapse
alemalohe profile image
Ałohe

Also awesome post 👏👏👏 I'll definitely be making some of your suggestions

Collapse
hb profile image
Henry Boisdequin Author

Thanks, that means a lot!

Regarding MySQL, if you are good at MySQL then it's fine for you to use it. If you have the time to learn PostgreSQL I would highly recommend using it over MySQL because PostgreSQL has better concurrency, more features, and is closer to and adheres to the SQL standards better. This is a great tutorial for getting started with PostgreSQL: youtu.be/tp_5c6jaNQE.

Thread Thread
alemalohe profile image
Ałohe

Alright thanks, I'll check it out.

Collapse
tamusjroyce profile image
tamusjroyce

Why no IoT projects? Hassio + node-red would make a great javascript-based IoT tutorial.

Collapse
slk5611 profile image
shivlal kumavat

Nice, Thank you for sharing.

Collapse
hb profile image
Henry Boisdequin Author

Thanks for reading!

Collapse
juanfrank77 profile image
Juan F Gonzalez

That workout tracker is definitely in my "things to build list" although I would use Next.js for it.
Other than that, great article! nice ideas and tech suggestions.

Collapse
hb profile image
Collapse
bihan001 profile image
Bihan Chakraborty

Nice list!

Collapse
hb profile image
Henry Boisdequin Author

Thanks for reading!

Collapse
desire01 profile image
Desire Lumene

Finally i can get my practice on, I always wondered what projects to could try working on to get some hands-on practice thanks to this awesome list i now have a starting point.
Thanks

Collapse
hb profile image
Henry Boisdequin Author

Your welcome! Thanks for reading.

Collapse
jesuskidz profile image
Ola Popoola

Definitely worth my time. Thank you.

Collapse
hb profile image
Henry Boisdequin Author

Thanks for reading!

Collapse
andrewbaisden profile image
Andrew Baisden

Thats a pretty good list and the year is young so no reason why a developer could not complete them all.

Collapse
hb profile image
Henry Boisdequin Author

That's the spirit! Thanks for reading!

Collapse
yashshah224 profile image
Yash Shah

Thank u so much for sharing. I was actually thinking of making a Full stack project. Thanks for the idea. I will go for First Chat App and then workout tracker

Collapse
hb profile image
Henry Boisdequin Author

Go for it, good luck! Thanks for reading!

Collapse
atluslux profile image
Johnny Outlaw

Thank you for this! Been in a loop of finding a good project to try out for a while, looks like I have a few here I will go for!

Collapse
hb profile image
Collapse
amirhjabari profile image
Amir H. Jabari

It was really helpful ❤️❤️❤️

Collapse
hb profile image
Henry Boisdequin Author

Thanks, that means a lot!

Collapse
dontito94 profile image
Francis Tito

I will go for a workout tracker as my practice in learning vuejs

Collapse
hb profile image
Henry Boisdequin Author

Go for it! Good luck! Thanks for reading!

Collapse
golangch profile image
Stefan Wuthrich

and then, when you are a Full-Stack Developer, find a job on my project: fullstackjob.com . Good luck :-)

Collapse
anjil0000 profile image
Anjil bishowkarma

i am going to try Svelte. Thanks for info. :D

Collapse
hb profile image
Henry Boisdequin Author

Thanks for reading!

Collapse
jupiteris profile image
Jupiter Programmer

Good List!!!

Collapse
hb profile image
Collapse
aalphaindia profile image
Pawan Pawar

Good Content!

Collapse
hb profile image
Henry Boisdequin Author

Thanks, that means a lot!

Collapse
wiltek94 profile image
Steve Wiltek

Cool! And thanks for this post

Collapse
hb profile image
Henry Boisdequin Author

Thanks for reading!

Collapse
realtoughcandy profile image
RealToughCandy.io

Nice list! The Workout Tracker is my favorite.

Collapse
hb profile image
Henry Boisdequin Author

Mine too! Thanks for reading.

Collapse
talorlanczyk profile image
TalOrlanczyk

Great list.
Us there a tutorial for the blog site? Because the link there is for typescript react with graphql

Collapse
hb profile image
Henry Boisdequin Author

If you wanted a different tutorial, I would recommend this one: youtu.be/1NrHkjlWVhM. Thanks for reading!

Collapse
destazerihun profile image
Desta-Zerihun

Thanks for Sharing!

Collapse
hb profile image
Henry Boisdequin Author

Thanks for reading! Glad you found it useful!

Collapse
ayush01arya profile image
Ayush01arya

Thanks

Collapse
hb profile image
Henry Boisdequin Author

Thanks for reading!

Collapse
dhatguy profile image
Odunsi Joseph

I just finished a small e-commerce project using the PERN stack.

pern-store.netlify.app

Collapse
hb profile image
Henry Boisdequin Author

Cool app! Thanks for reading!

Collapse
moises profile image
Moises Nunez

Your Todo list is linked to the wrong video tutorial.

Collapse
hb profile image
Henry Boisdequin Author

In that tutorial, Ben Awad builds a VSCode Todo list extension, hence its a tutorial for making a todo list.

Collapse
ltmtp32dev profile image
ltmtp32_dev

Hey! Nice list, I'll try it on myself

Collapse
hb profile image
Henry Boisdequin Author

Thanks for reading! Good luck!