7 Fullstack Projects You Need to Make in 2021
Tags: javascript, node, python, beginners
Published: 2021-01-08 04:07:24

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

![](https://res.cloudinary.com/practicaldev/image/fetch/s--PR1XXFoD--/c_imagga_scale,f_auto,fl_progressive,h_420,q_auto,w_1000/https://dev-to-uploads.s3.amazonaws.com/i/0mib6tkfppfvnw9udd2e.jpg)

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

<a href="https://youtu.be/Fy9SdZLBTOo">Tutorial</a> (if you get stuck)

### Social Media App

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/h97o3w571aunb25zv91m.jpg)

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

<a href="https://youtu.be/m_u6P5k0vP0">Tutorial</a> (if you get stuck)

### Blog Site

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/xdt5p789e4u8om2lyk1f.jpg)

Build a blog site like <a href="https://dev.to">dev.to</a>! 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

<a href="https://youtu.be/I6ypD7qv3Z8">Tutorial</a> (if you get stuck)

### Todo List

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/58iz6vvc55xcw92ke8ob.png)

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

<a href="https://youtu.be/a5DX5pQ9p5M">Tutorial</a> (if you get stuck)

### Workout Tracker

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/q3mvkigc2jwd7z1z25eo.jpg)

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

<a href="https://youtu.be/_CBYbEGvxYY">Tutorial</a> (if you get stuck)

### Chat App

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/lqbwy3xh140wq3x5cii5.png)

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

<a href="https://youtu.be/pUxrDcITyjg">Tutorial</a> (if you get stuck)

### Zoom Clone 

![Alt Text](https://dev-to-uploads.s3.amazonaws.com/i/l5huv3lopn4j2lfv2s0r.jpg)

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

<a href="https://youtu.be/DvlyzDZDEq4">Tutorial</a> (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**