Steps to Create a React Application and Installing Module
Step 1: Create react application in your project folder using the following command and navigate to the folder.
npx create-react-app client
cd client
Step 2: Install additional packages
npm install axios react-router-dom @fortawesome/free-solid-svg-icons @fortawesome/react-fontawesome
Step 3: In the index.html file add the following google font embeddings so that we can use these particular fonts in our app.
<link rel=”preconnect” href=”https://fonts.googleapis.com”>
<link rel=”preconnect” href=”https://fonts.gstatic.com” crossorigin>
<link href=”https://fonts.googleapis.com/css2?family=Caveat:wght@400..700&family=Urbanist:ital,wght@0,100..900;1,100..900&display=swap” rel=”stylesheet”>
Travel Journal App with MERN Stack with API
In this article, we are going to explore the project which is a travel journalling app, where users can log in and register, make journal entries describing the various places they traveled to, and also upload their images. They can search through the various entries they’ve made and also delete them.
The website enables authentication and authorization i.e. only users who have accounts can explore the app and only authors of entries can view them. It is a great solution for all travel lovers. We are going to make it using the MERN stack (Mongo DB, Express, React, and Node).
Output Preview: Let us have a look at how the final output will look like.
Final Preview of the Website
Contact Us