Become a Full Stack Developer by building these amazing applications

Yogesh Chavan - Sep 2 '20 - - Dev Community

Gone are the days when there were Just HTML developers, CSS Developers, JavaScript Developers, and Backend Developers. JavaScript developers didn't have to learn CSS or backend technology. They were happy with their work. But time has changed. Now If you're a JavaScript developer, you need to know all of them(HTML, CSS, and also backend coding). Because there are very few job opportunities for Just HTML or Just CSS or Just JavaScript developers.

Now is the era of Full Stack Developers. Most of the companies are looking for developers who know how to design front-end, backend, and also HTML and CSS.

If you're a React/Angular Developer, that's not enough nowadays. You need to learn Node.js also which means you need to know how to design front-end and backend also.

So in this article, I have listed out some of the articles which will help you to become a full-stack developer and gain knowledge of front-end as well as backend.

Build An Amazing Application Using React And Node.js:

Random User Generator

In this article, you will learn how to create an application that displays a list of random users on every refresh using React and Node.js. You will learn how to create Rest APIs using Node.js and access it from the React application.

You will also learn how to work with redux to store the data and display the details on the UI to create an amazing application.

Create An Enquiry Form In React and Send Email Using Nodejs:

Enquiry Form

In this article, you will learn how to create an Enquiry form using React and how to send the form details through email using Node.js.

You don't need to use SendGrid or similar websites or buy any services for sending emails. You can create a Gmail account and programmatically send an email from your Gmail. That's pretty cool.

Create A Photo Gallery App Using MERN Stack:

Photo Gallery

In this article, you will learn how to create a photo gallery app using MongoDB, Express.js, React, and Node.js stack.

You will learn how to upload images and store them in MongoDB and restrict the file size and file type and then serve it to the client application.

Build An Amazing Job Search App Using React:

Job Search App

In this article, you will learn how to create an awesome job search app where you will gain some advanced concepts of React like Portals, Context API, and also how to add lazy loading images and implement load more functionality.

So there are a ton of things you will learn by building this application.

Create A Full Stack Banking Application

Full stack banking application

This is an advanced application created using React, Node.js, and Postgresql database where you will learn how to create a banking application that will have user accounts, login authentication using JWT token.

You will also learn how to add withdraw and deposit amount functionality and download the transactions in a pdf format for the selected range of dates.

Create A Full Stack Application Using GraphQL:

Full stack app using GraphQL

In this article, you will learn GraphQL from scratch and use that knowledge to create an eCommerce type application to add, edit, and delete products.

Also, you will learn how to add and delete reviews for the products using React, MongoDB, GraphQL, and Node.js stack.

That's it about this article. I hope you will learn a lot by building these applications.

Closing points

Want to learn all ES6+ features in detail including let and const, promises, various promise methods, array and object destructuring, arrow functions, async/await, import and export and a whole lot more?

Check out my Mastering Modern JavaScript book. This book covers all the pre-requisites for learning React and helps you to become better at JavaScript and React.

Also, check out my free Introduction to React Router course to learn React Router from scratch.

Want to stay up to date with regular content regarding JavaScript, React, Node.js? Follow me on LinkedIn.

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .