Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sumer16/dessin
Dessin is a collaborative real-time drawing app developed using React Native, Expo, Supabase & Skia.
https://github.com/sumer16/dessin
android expo ios react-native skia supabase-js
Last synced: 13 days ago
JSON representation
Dessin is a collaborative real-time drawing app developed using React Native, Expo, Supabase & Skia.
- Host: GitHub
- URL: https://github.com/sumer16/dessin
- Owner: Sumer16
- Created: 2024-10-27T04:43:10.000Z (4 months ago)
- Default Branch: main
- Last Pushed: 2024-11-05T02:23:53.000Z (4 months ago)
- Last Synced: 2024-12-16T01:43:01.218Z (2 months ago)
- Topics: android, expo, ios, react-native, skia, supabase-js
- Language: TypeScript
- Homepage:
- Size: 631 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Dessin
This is an [Expo](https://expo.dev) project created with [`create-expo-app`](https://www.npmjs.com/package/create-expo-app).
## About Dessin
Dessin is a collaborative real-time drawing app developed using React Native, Expo, Supabase & Skia.
## Screenshots
## Installation
### Clone the repository
To get started, you'll need to clone this repository to your local machine. You can do this by running the following in the command line:
```bash
git clone https://github.com/Sumer16/dessin.git
```
### Install dependencies
Once you've cloned the repository, navigate to the project directory and run npm/yarn install to install all the necessary dependencies.
```bash
cd dessin
npm install
```
### Run the App
After the dependencies have been installed, you can run the app in dev mode by running:
```bash
npx expo start
```
In the output, you'll find options to open the app in a
- [development build](https://docs.expo.dev/develop/development-builds/introduction/)
- [Android emulator](https://docs.expo.dev/workflow/android-studio-emulator/)
- [iOS simulator](https://docs.expo.dev/workflow/ios-simulator/)
- [Expo Go](https://expo.dev/go), a limited sandbox for trying out app development with Expo
You can start developing by editing the files inside the **app** directory. This project uses [file-based routing](https://docs.expo.dev/router/introduction).
Open your app in the [Expo Go app](https://expo.io) on your phone to view it. It will reload if you save edits to your files, and you will see build errors and logs in the terminal.
If you want to run your application on an iOS simulator or a trusted iOS device then use these commands:
```bash
npx expo start --ios
```
If you want to run your application on an Android emulator or a connected device then use these commands:
```bash
npx expo start --android
```
If you want to run your application on the web then use these commands:
```bash
npx expo start --web
```
These commands are like `npm start` / `yarn start`, but attempts to open your app on a connected Android/iOS device or emulator/simulator or also on the web.
NOTE: If you want to use these commands to run or deploy your app on a real device/hosting platform you will need to add a [development build](https://docs.expo.dev/develop/development-builds/introduction/) for each platform.
## Learn more
To learn more about developing your own project with Expo, look at the following resources:
- [Expo documentation](https://docs.expo.dev/): Learn fundamentals, or go into advanced topics with their [guides](https://docs.expo.dev/guides).
- [Learn Expo tutorial](https://docs.expo.dev/tutorial/introduction/): Follow a step-by-step tutorial where you'll create a project that runs on Android, iOS, and the web.