# 1.1 Setup

We will learn concepts of BlueBase by creating a production-ready To-Do app.

We will use Expo CLI to create a new project and add BlueBase to it. If Expo CLI is not installed, go to the [Expo CLI Installation](https://docs.expo.dev/get-started/installation/) guide before proceeding.

### Step 1: Initialize the project

Initialize an expo app by executing the following commands:

```shell
# Create a project named my-app.
# Select the "blank (Typescript)" template when prompted
expo init bluebase-todo-app

# Navigate to the project directory
cd bluebase-todo-app
```

More info [here](https://docs.expo.dev/get-started/create-a-new-app/).

### Step 2: Install BlueBase package

```shell
yarn add @bluebase/core
```

### Step 3: Update App File

{% code title="App.tsx" %}

```typescript
import React from 'react';
import { BlueBaseApp } from '@bluebase/core';

export default function App() {
  return (
    <BlueBaseApp />
  );
}
```

{% endcode %}

### Step 4: Run App

```shell
expo start
```

This will open the expo console.&#x20;

![](https://3369392052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LPjsIbS1DfhqT8BS3Ui%2Fuploads%2F5Pg1bAOQRHIRMdTcq2hd%2FScreenshot%202022-04-22%20at%2012.51.00%20AM.png?alt=media\&token=5038db4f-0294-46f0-932e-6e1d6480f2b0)

You can launch the web or native version of the app from here.

![Web](https://3369392052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LPjsIbS1DfhqT8BS3Ui%2Fuploads%2FA45i9ScVSk6cTep0IbB6%2FScreenshot%202022-04-22%20at%2012.51.33%20AM.png?alt=media\&token=f535491f-c311-434f-9157-e6cc49a3523a) ![iPhone](https://3369392052-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-LPjsIbS1DfhqT8BS3Ui%2Fuploads%2Fbm8CpQW6LA3vyxXHWsnz%2FScreenshot%202022-04-22%20at%2012.58.53%20AM.png?alt=media\&token=48b315c8-03ac-43b1-8ff5-5798402737d8)