# Quick Start

Each of the packages contains two folders, full-version and seed.

<figure><img src="https://content.gitbook.com/content/9WDB1JS3DbDKpgahVHVC/blobs/50rwinyam1cA7UZiypw1/image.png" alt=""><figcaption></figcaption></figure>

* full-version: It contains all the files that you see in the [live preview](https://berrydashboard.com/)
* seed: It contains a **minimal** version to start your project. [Read more](https://codedthemes.gitbook.io/berry/setup/integration).

### Get started

1. Navigate to either the **seed** or **full-version**
2. Install Packages: `yarn` or `yarn install`
3. Run project:&#x20;
   1. VITE: `yarn start`
   2. NEXTJS: `yarn dev`

This will start your local server at **`http://localhost:3000`** Also, your terminal shows the following.

```javascript
Compiled successfully!

You can now view berry-material-react in the browser.

Local:            http://localhost:3000    
On Your Network:  http://192.168.29.77:3000

Note that the development build is not optimized.
To create a production build, use yarn build.
```

{% hint style="info" %}
**We would recommend yarn over npm**. Why? See this: <https://www.whitesourcesoftware.com/free-developer-tools/blog/npm-vs-yarn-which-should-you-choose/>
{% endhint %}

### Mock Backend Server

Berry uses a mock data API to demonstrate how to fetch data from the backend. This is intended to provide an example of backend data retrieval. Read more in the next section.

{% content-ref url="mock-backend" %}
[mock-backend](https://codedthemes.gitbook.io/berry/getting-started/mock-backend)
{% endcontent-ref %}

{% hint style="warning" %}
**End of Life for CRA - Create React App version.**

* **CRA** has not been updated or maintained for a long time, and it is advisable to move from it as well. To know more:
  * <https://github.com/reactjs/react.dev/pull/5487>
  * [https://github.com/facebook/create-react-app/issues/13080](https://github.com/reactjs/react.dev/pull/5487https:/github.com/facebook/create-react-app/issues/13080https:/github.com/facebook/create-react-app/issues/13283)
  * [https://github.com/facebook/create-react-app/issues/13283](https://github.com/reactjs/react.dev/pull/5487https:/github.com/facebook/create-react-app/issues/13080https:/github.com/facebook/create-react-app/issues/13283)
* There will be no update provided in the CRA version
  {% endhint %}

{% hint style="info" %}
This project focuses solely on the user interface. It does not include backend services or a database.
{% endhint %}