AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |
Back to Blog
Mern tutorial8/3/2023 ![]() ![]() For the first time, when you open the phonebook folder in your Vscode the directory will be set as phonebook, and to change it you need to run a command in your terminal as cd server Now let’s implement the backend functionality inside the server folder to do so, first, we need to change our directory to the server folder ![]() This is what our project folders will look like. Let’s see the below image of our project folders: The client folder will be used for implementing the frontend part and the server folder will be used for implementing the backend part. But at first, we will create a folder named phonebook-app and inside this folder, we will create two folders client and server. Setting up the environment is the most important part of any application development because, without a proper environment, you can not implement any functionality.įor the backend, we need to install some important packages. In this tutorial, we will divide our topics into two parts.įirst, we will implement our backend portion with Express, and Mongoose, and then we will implement our frontend portion with React. ![]() We will use MongoDB to store our data, ExpressJS to handle the backend, and ReactJS to handle the front end.īy the end of this tutorial, you will be able to create your own CRUD application using the MERN stack and have a complete understanding of a full-stack project. Specifically, we will create a simple phone book app that allows a user to add a phone number along with a name, update the phone number, view the phone number list, and delete phone numbers. In this tutorial, you will master the MERN Stack CRUD Operations by building a PhoneBook app. ![]()
0 Comments
Read More
Leave a Reply. |