> For the complete documentation index, see [llms.txt](https://listing-nb.gitbook.io/olo/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://listing-nb.gitbook.io/olo/customer-app/guide.md).

# Guide

## Start Building Your App

**Contents discussed in this section:**

* [How to add new Screen?](/olo/customer-app/guide.md#how-to-add-new-screen)
* [How to add new Stylesheet?](/olo/customer-app/guide.md#how-to-add-new-stylesheet)

#### Note: Project is based on  functional components .

### How to add new Screen

* Create a new folder, say `NewScreen` and place in under `/src/screens/`.
* Create a new file `NewScreen.js`,whitin this folder.
* Name the function name as that of folder name.\
  `function NewScreen() {`\
  `. . .` \
  `. . .`\
  `}`

### How to add new Stylesheet

Create a new file `styles.js`, place it under `/src/screens/NewScreen`. \
`import` newly created StyleSheet into the Component.\
\
`import styles from './styles';`\
`function NewScreen() {`\
`. . .`\
`. . .`\
`}`