Let's Build Project Management System Pt. 2

Sunday, February 15, 2026

Let’s create a folder named peter and navigate into it.

mkdir peter
cd peter

Now, create two folders — frontend and backend. As the names suggest, the frontend folder will contain the React code, and the backend folder will contain the Node.js code.

mkdir frontend backend

Inside the frontend folder, let’s create a React application using Vite with the JavaScript template.

cd frontend
npm create vite@latest . -- --template react

While the process is running, open a new terminal tab (or window), navigate to the backend folder, and perform some initial setup such as creating a package.json file and installing the required dependencies.

cd ../backend

Let’s create a package.json file:

npm init -y

Now, install the express and postgres packages:

npm i -E express postgres

Next, install a few middleware packages:

  • morgan for logging
  • helmet for security
  • cors to allow API calls from the React application
  • compression to compress responses
npm i -E morgan helmet cors compression

Great! The initial setup is complete, and we’re ready to get started.

વર્ગીકૃત / Label(s):

---