Software engineering can seem daunting for beginners. There’s tons of articles, blogs, and YouTube videos about building various features but it can be quite a task to find a single tutorial that details frontend and backend knowledge together. For instance, it wouldn’t take long to find a step-by-step article on how to build a React app or one on how to connect a database. Finding one that describes both these tasks and how to combine technologies for one single app is a little more difficult.
This tutorial is meant to solve that very problem. Here, we will build a search directory web app for local businesses. This tutorial will cover Javascript, Node.js, Express, React, React Router, MongoDB, Webpack, Sass/CSS, HTML and querying data from an API and from local storage. Because this is so much information, the tutorial will be broken into multiple parts.
The parts will describe building the app, starting from a blank file in your coding editor. We won't spend too much time on styling - this tutorial is to help get the app up and running. While you follow along with the tutorial steps you can use my css styles to help get you started. Then, you can style it however you like!
Start the tutorial and view videos of the app here -> https://medium.com/how-to-build-a-full-stack-app-from-scratch/build-a-full-stack-app-cba0dafc9ac4
The tutorial will teach you how to complete the below app: