Whiteboard app

Startpage

This React Native application, built with Expo Go, serves as a whiteboard for taking notes. It was developed as a final project in school during 3-weeks.

Installation

1. Clone the Project:

Clone the project repository using the following command in your terminal:

git clone https://github.com/Frontend-YH/whiteboard-app.git

2. Install Dependencies:

Ensure you have the necessary dependencies installed:

npm install

3. Running the App:

You can run the app using either of these methods:

Expo Server:

Open the project directory in your terminal. Run expo start Use the Expo Go app on your phone to scan the QR code displayed.

Expo Client:

Open the project directory in your terminal. Run expo run-ios or expo run-android (depending on your preferred device).

NoseJS Backend

Go to /backend directory and run:
```
npm install
```
Create MongoDB Atlas database. Create API key. Go to line 79 and 144 of app.js and change to your newly created MongoDB Atlas URI/settings.
Connect to MongoDB Atlas with for example MongoDB Compass and create a whiteboard database. Create an empty collection named wbposts inside.
Start the backend in the /backend directory:

node app.js

Go to the frontend and test the application.

Using the App

Upon launching the app, you'll be presented with a start screen.

You can:

Create: Add a quick note by creating a new whiteboard.

Change theme: Select a different themes from the theme picker at the bottom of the screen.

Edit: Tap the whiteboard that you have created, from here you can edit your whiteboard and then hit save.

Delete: Tap the trashcan icon to remove the entire whiteboard.

Technologies used

React Native Javascript Expo Go Node.js MongoDB Express SQLite

Additional Notes

This app is intended for basic note-taking and sharing purposes. In the next stage of developing the application advanced features like sharing notes with a QR-code will be implemented.