> For the complete documentation index, see [llms.txt](https://smu-portal.gitbook.io/get-started/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://smu-portal.gitbook.io/get-started/frontend/starting-the-frontend.md).

# Starting the Frontend

First, install the dependencies using `npm i` command.

```
~/CS321_TA/smuportal-frontend (master)
npm i
```

Once that is finished, you can start the frontend using `ng serve` and you should get the following output

```
-/CS321_TA/smuportal-frontend (master)
$ ng serve
10% building 3/3 modules 0 activei ｢wds｣: Project is running at http://localhost:4200/webpack-dev-server/
i ｢wds｣: webpack output is served from /   
i ｢wds｣: 404s will fallback to //index.html

chunk {logistics-reservation-logistics-reservation-module} logistics-reservation-logistics-reservation-module.js, logistics-reservation-logistics-reservation-module.js.map (logistics-reservation-logistics-reservation-module) 41.5 kB  [rendered]
chunk {main} main.js, main.js.map (main) 272 kB [initial] [rendered]
chunk {polyfills} polyfills.js, polyfills.js.map (polyfills) 268 kB [initial] [rendered]
chunk {runtime} runtime.js, runtime.js.map (runtime) 9.07 kB [entry] [rendered]
chunk {styles} styles.js, styles.js.map (styles) 401 kB [initial] [rendered]
chunk {vendor} vendor.js, vendor.js.map (vendor) 6.13 MB [initial] [rendered]
Date: 2020-11-02T17:17:02.730Z - Hash: a3526aeabca7584994f9 - Time: 12504ms
** Angular Live Development Server is listening on localhost:4200, open your browser on http://localhost:4200/ **
i ｢wdm｣: Compiled successfully.
```

If for some reason you got a different output, you can open an [issue](https://github.com/MedTech-CS321/smuportal-frontend/issues).

Happy coding 🎉!