8 Projects with modern designs to become a Full-stack Master 2020
Tags: react, vue, webdev, javascript
Published: 2020-09-02 13:44:09

Are you looking for projects to sharpen your skills? Are you stuck at coming up with new ideas?

As developers, we love to code, but sometimes it's hard to find designs or ideas to work on.

Hi, my name is Thu. You might hear from me in some previous posts. In the last months, I have been working on creating 8 real-life projects that include designs and requirements. 

I have designed 8 distinct projects that help you to practice every skill needed to become a super-star developer. 

With these projects, you can do to build an outstanding portfolio and become a Full-stack Master.

## [1. Image Uploader](https://devchallenges.io/challenges/O2iGT9yBd6xZBrOcVirx)

![Image Uploader](https://dev-to-uploads.s3.amazonaws.com/i/7dzauz2ueglnetirr5q1.png)

#### What you will practice 

You will develop something that I am always afraid of. It is an Image Uploader application. You will learn how to upload a photo from the Front-end, how to store a file in the database and build a simple API. 

#### Level

Front-end: ⭐⭐
Back-end: ⭐⭐⭐


## [2. My Unsplash](https://devchallenges.io/challenges/rYyhwJAxMfES5jNQ9YsP)

![My Unsplash](https://dev-to-uploads.s3.amazonaws.com/i/5nlrimnldny5f0j81dlu.png)

#### What you will practice 

You will learn to build the basic API functionality (like GET, POST, PUT, DELETE in RESTful API).

You will also learn how to make an image grid similar to Unsplash. 

#### Level

Front-end: ⭐⭐⭐⭐
Back-end: ⭐⭐⭐⭐

## [3. CatWiki](https://devchallenges.io/challenges/f4NJ53rcfgrP6sBMD2jt)

![CatWiki](https://dev-to-uploads.s3.amazonaws.com/i/93lzp8cb8j79slgm5x4o.png)

#### What you will practice 

Are you a cat lover? Using an external API to fetch the cat data, you will build an API that tracks user behavior. You will also get to practice how searching, filtering work in the backend.

The project will also test your Front-end skills with a layout full of cats 🙀

#### Level

Front-end: ⭐⭐⭐⭐
Back-end: ⭐⭐⭐⭐

## [4. Authentication App](https://devchallenges.io/challenges/N1fvBjQfhlkctmwj1tnw)

![Authentication App](https://dev-to-uploads.s3.amazonaws.com/i/mf8h85nbc6qmlpi8zsac.png)

#### What you will practice 

Being a backend or full-stack developer, it's inevitable that you have to deal with user and authentication. In this project, you will learn and build a simple but powerful application to handle user authentication and user data. 

This project will also be the foundation for the upcoming projects.

#### Level

Front-end: ⭐⭐
Back-end: ⭐⭐⭐⭐

## [5. Shoppingify](https://devchallenges.io/challenges/mGd5VpbO4JnzU6I9l96x)

![Shoppingify](https://dev-to-uploads.s3.amazonaws.com/i/k50wvt8f6bqae3djfdhf.png)

#### What you will practice 

I mean... building an e-shop application is a really huge task. But if you want to practice building one, Shoppingify is a good start. This project does not require any authentication but it has almost every function that an e-shop has. You will learn how to build a shopping cart, add new items, edit items, manage history/data,...

This project also test your Front-end skill at a high level, as you will create a complex and responsive layout


#### Level

Front-end: ⭐⭐⭐⭐⭐
Back-end: ⭐⭐⭐⭐


## [6. Chat Group](https://devchallenges.io/challenges/UgCqszKR7Q7oqb4kRfI0)

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

#### What you will practice 

I had always wanted to build a chat application and I have done it and it was super fun. In this challenge, you will build a Multiple chat group application. You will learn about real-time databases, you might also get more familiar with technologies like websocket, socketio... 

By integrating your authentication application, you will learn how to manage your users, add them to the group, handling messages,... 

You will also build a simple but not so simple UI 😆

#### Level

Front-end: ⭐⭐⭐
Back-end: ⭐⭐⭐⭐

## [7. Tweeter - Twitter Clone](https://devchallenges.io/challenges/rleoQc34THclWx1cFFKH)

![Tweeter - Twitter Clone](https://dev-to-uploads.s3.amazonaws.com/i/4zl64jah72espsc44kaj.png)

#### What you will practice 

I love this UI, simple and sleek. 

I am telling you, if you can re-create Twitter, you can do anything 😬.

In this project, you will create a profile similar to Facebook, Twitter. You will learn how to make "follower-following" system. 

You will also learn how to post a new Tweet, add comments to them. How to filter different Tweet type,...

This is definitely one of the most challenging projects yet. But I promise you will learn a lot 😎

#### Level

Front-end: ⭐⭐⭐⭐⭐
Back-end: ⭐⭐⭐⭐⭐

## [8. Thullo - Trello Clone](https://devchallenges.io/challenges/wP0LbGgEeKhpFHUpPpDh)

![Thullo - Trello Clone](https://dev-to-uploads.s3.amazonaws.com/i/220gpbge6wibnb3cxiv5.png)

#### What you will practice 

I know... it's already the last challenge in this post. But I have to tell you. This project is damn challenging, even for me to design it 😅

You will learn thousands of things in this project, as there are millions of things going on:

You will learn how to create a team, project, card, list,... and at the same time, the user should be able to edit and delete them.

In the Front-end, you will create Drag and Drop functionality that will haunt you for some amount of time 😜

You will also create commenting, uploading, and other tricky functionalities.

There are even more to this project. But I'll let you find out 😋

#### Level

Front-end: ⭐⭐⭐⭐⭐
Back-end: ⭐⭐⭐⭐⭐

# Conclusion

You can find all projects on [DevChallenges.io](https://devchallenges.io/challenges). I really hope that these projects inspire you not only for developers but for designers. If you want to get more updates from me. Feel free to follow me and leave me a comment.

🐦 [Thu Nghiem Twitter](https://twitter.com/thunghiemdinh)
🐦 [Devchallenge.io Twitter](https://twitter.com/devchallengesio)
🔥 [Devchallenges Website](https://devchallenges.io/)