Project Structure

In this section, it gives detailed information about the structure of web app.

Inside app folder we have all the project Files.

Fonts: In this directory we keep the fonts used in our web app . You can change the fonts according to your choice.

img: you can place all the images in this directory but it's not mandatory you can also place image inside assets directory as well.

SCSS: It contains all the CSS libraries like Bootstrap and MDB. In scss > MDB > custom you can see we have created one base CSS for each page. You can directly change this CSS as well, but we recommend you to add CSS inside each page so that in future it's easy to update the project once we release the new version.

src > app: It is the main folder where you need to work.

  1. layout: It has some common module that will use throughout the app like header and footer components.

  2. pages : It contains all the page component like Home, Login , Registration , 404 etc..

  3. services : All the service code is written within this directory and also contact api base url needs to be changed once you deploy your own nodeJS api.

  4. typeScript : We have added some MDB components inside this directory like Calendar , timepicker etc. You don't need to do anything inside this directory.

Last updated