> For the complete documentation index, see [llms.txt](https://listing-nb.gitbook.io/olo-full-app/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-full-app/customer-app/guide.md).

# Guide

## Start Building Your App

**Contents discussed in this section:**

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

### 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 class same as that of folder name.\
  `class NewScreen extends React.Component {`\
  `. . .` \
  `. . .`\
  `}`

### 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';`\
`class NewScreen extends React.Component {`\
`. . .`\
`. . .`\
`}`