Reactive Resume

Local Build

This might not be the most versatile, but it's quite easy and my recommended way of getting the project set up. This project is heavily dependent on pnpm and it's monorepo workspaces feature, so I'd pick that up if I were you.
  1. 1.
    Once you have pnpm set up, you can pull the source code from GitHub and dive into the repository.
git clone [email protected]:AmruthPillai/Reactive-Resume.git
cd Reactive-Resume
  1. 1.
    Install dependencies using pnpm, and it should take just a few minutes.
pnpm install
  1. 1.
    Copy the .env.example file to .env in the project root and fill it with values according to your setup. To know which environment variables are required, and about what they do, head over this section.
cp .env.example .env
  1. 1.
    Run the app locally by using the command:
pnpm dev
Now, your frontend client should be running on http://localhost:3000, your backend server on http://localhost:3100 and this documentation on http://localhost:3200.
  1. 1.
    To ensure that the app works currently, a proxy layer has to be made between the client and server. For this, I made use of a Chrome extension called Rabbit URL Rewriter to forward my requests made to localhost:3000/api to localhost:3100. The configuration should look something like this:
Website URL: http://localhost:3000
From URL: http://localhost:3000/api/(.*)
To URL: http://localhost:3100/$1
Screenshot 2022-03-12 at 4 07 37 PM
Now, you should be able to create accounts, login etc.
  1. 1.
    Build the project before deploying by running the command:
pnpm build
  1. 1.
    Finally, start the production servers for all three workspaces by running:
pnpm start
Additionally, you can check the package.json for some additional scripts on how to run commands for a specific workspace. For more information on pnpm workspaces, head over to their documentation.