CARONTE - Frontend

Description

This is the frontend of CARONTE developed with Expo and React Native to provide an intuitive and accessible interface for users. This project allows the management of obituaries and post-mortem messages with a modern design adaptable to different devices. Additionally, we offer funeral industry businesses the opportunity to promote themselves on our application.

Requirements

• Node.js (recommended version: 18 or higher)
• npm (included with Node.js) or yarn
• Expo CLI

Installation on Ubuntu

1. Install Node.js and npm:

   sudo apt update
   sudo apt install nodejs npm

   Verify the installation with:

   node -v
   npm -v

2. Install Expo CLI:

   npm install -g expo-cli

   Verify the installation with:

   expo --version

Installation on Windows

1. Install Node.js:

• Download the installer from the official Node.js website.

• Run the installer and follow the instructions.

• Verify the installation with:

  node -v
  npm -v

2. Install Expo CLI:

   npm install -g expo-cli

   Verify the installation with:

   expo --version

Project Installation

Step 1: Clone the repository

Clone the repository to your machine:

git clone git@github.com:ISPP-2425-G9/frontend.git
cd frontend

Step 2: Install dependencies

Run the following command to install the project dependencies:

npm install

If you are using Yarn, you can run:

yarn install

Step 3: Start the application

To start the application in development mode, run:

npx expo start

Alternatively, you can also run:

npm start

In the console output, you will find options to open the app in:

• By entering in the browser: http://localhost:8081.
• Expo Go

Reset the project

If you want to start with a clean version of the project, you can run:

npm run reset-project

This command will move the initial code to an example directory and create a new app directory where you can start developing.

Running tests

In case you want to run test, you just have to run the following command:

npm test

Once you have executed the command, you will have a coverage report in ./coverage/lcov-report/index.html. Check that file in yout browser to see the results.