Professional Project Setup part 1

as we define in the title how to setup the professional setup that starts below

as we confirmed we know create a folder in your laptop anywhere ,like create in desktop or anyone location dacument and d drive but you know where you create the folder

first we create the folder like as

then we need to the path of the folder in the your laptop copy the path on clicking the tap on the demo button and we direct copy the path

above are the path of your laptop and we describe this path as below

D:blog/demo/Project name

this is the path of the your folder and open this folder into the vs code and like this

this is the interface of your laptop most of the this syntax this code is provide by the microsoft and trusted platform for the coding and all industry are in this code editor

in above interface open folder and like below syntax tap on open folder and open the folder from where you create the folder

after the opening the folder below like syntax are opened

after this open the terminal on click the below command

ctrl + shift + ` = terminal

otherwise you can open with cursor

tap on the three dot on the and click the terminal option and and tap on the new terminal and open the terminal and below command in terminal and setup normally as your understand then edit otherwise click enter 6-7 times whenever our package.json file is created

npm init

create the file by your hand in this folder

---

Readme.md

this file is for the advantaging normal links of your files and provide it

after this create folder in project name folder public name

public folder

and also create a folder into the public folder temp folder

temp

create a file in temp .gitkeep

.gitkeep

create files in main folder

.env

app.js

index.js

constants.js

.env
app.js
index.js
constants.js

this files are help to the start the project entry points

main are the index.js this file are the entry point of the project

after the creating the files and folders we started other many files and folders but with reasons for what is the use of this file and and for what is the use of this folder

this is the basic setup of the project of backend and same process for the frontend project but the files and folders names and use are different

and other processes of this setup in next part of the project setup