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 project that you need to make in 2021. Let's dive right in!
E-commerce Site
An e-commerce site is a site where users can buy goods (e.g. Amazon, eBay, and more). By creating an e-commerce site, you will learn about all the parts of creating an API and a website: security, CRUD, databases, frontend frameworks, state management, and more. This is the perfect project to build for someone looking to master fullstack web development.
For me, my tech stack would be the following:
- Svelte
- Node.js + Express
- Typescript
- PostgreSQL
Tutorial (if you get stuck)
Social Media App
A social media app is an app where users can engage with one and another online (e.g. Instagram, Twitter, Facebook, and more). Building a social media app is a perfect way to master how to make an engaging platform for users by prioritizing performance, security, and the app's look.
For me, my tech stack would be the following:
- Flutter
- Node.js + Express
- MongoDB
Tutorial (if you get stuck)
Blog Site
Build a blog site like dev.to! Create a site where users can share their knowledge with others. By doing this you will learn about content management, building APIs, CRUD, and more.
For me, my tech stack would be the following:
- Next.js
- Chakra UI + Tailwind CSS
- Node.js + Express
- PostgreSQL
- Redis
Tutorial (if you get stuck)
Todo List
The Todo List is a classic fullstack project to make. This project is the most beginner-friendly on this list. Create a site where users can log in and add and remove todo items in a list format. This project will teach you about authentication, CRUD, databases, and more.
For me, my tech stack would be the following:
- Svelte
- Flask
- PostgreSQL
Tutorial (if you get stuck)
Workout Tracker
This project is one of my favourites on this list. Create an app where users can store the workouts they have completed. This will teach you about fullstack development in general: authentication, security, CRUD, frontend frameworks, and more.
For me, my tech stack would be the following:
- Vue.js
- Django
- Mongo DB
Tutorial (if you get stuck)
Chat App
This is a fullstack project everyone is talking about nowadays. For this project, create a website which allows users to privately chat and chat in groups. This project will teach you the following: real-time data transfer, frontend frameworks, authentication, security, and more.
For me, my tech stack would be the following:
- React.js
- Firebase + Firestore
Tutorial (if you get stuck)
Zoom Clone
Zoom has taken everyone by storm in 2020. Everyone I know is using Zoom for everything in their life: work, school, socializing, exercise, and more! Here's a challenge: create a "Zoom Clone" which allows users to chat using their webcam. I would definitely recommend this project for beginners.
For me, my tech stack would be the following:
- WebRTC
- socket.io
Tutorial (if you get stuck)
I wish you the best of luck tackling any of these projects. Please share a fullstack project that you've been recently working on, I would love to see them! Thanks for reading.
Henry
Latest comments (68)
Thanks for compiling a list of projects. I would be glad to learn from these projects and showcase on my CV!
WOW! stupendous work....listing out the 7 Fullstack Projects You Need to Make in 2021 and also refer Flicknexs platform to know more.
Thanks for sharing the article. Helpful information in fullstack industry online with more details. Stunned by the level of content. Also take a look in stunning Landing page simular to article is online fitness platform.
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
Your welcome! Thanks for reading.
Definitely worth my time. Thank you.
Thanks for reading!
Thats a pretty good list and the year is young so no reason why a developer could not complete them all.
That's the spirit! Thanks for reading!
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
Go for it, good luck! Thanks for reading!
It was really helpful ❤️❤️❤️
Thanks, that means a lot!
I will go for a workout tracker as my practice in learning vuejs
Go for it! Good luck! Thanks for reading!
Why no IoT projects? Hassio + node-red would make a great javascript-based IoT tutorial.
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.
I've never tried the Jitsi Web API! I'll try it out, thanks for mentioning it!
I have a simple implementation on github.com/dastasoft/project-holo with ReactJS, check it out maybe some initial issues are resolved there.
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.
Thanks!
Your Todo list is linked to the wrong video tutorial.
In that tutorial, Ben Awad builds a VSCode Todo list extension, hence its a tutorial for making a todo list.
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-...
Yes, socket.io can be used for many things! I love socket.io because of that!
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!
Thanks!
Some comments may only be visible to logged-in visitors. Sign in to view all comments.