zymawy / preforms

React native + Laravel API Setup

To make an app up and running you should pass steps below:

Note: I am not gonna delete some components to clean structure, I'll leave them as you could use them.

In App

Move to app folder

• Paste your current IP in app/axios/axios.ts file. This is the url of your backend. Because if you run your backend as localhost, emulators won't undersand it, as they will refer localhost as itself, cause it is also using localhost.
• Run npm install
• Run npm start

In Backend

Move to backend folder

• Run composer install
• Run npm install
• Run npm run dev, to generate public app.css and app.js files, or npm run watch to watch for changes done in app.scss or app.js in resources folder.
• Run php artisan key:generate, to generate your own laravel app key.
• Run cp .env.example .env, to have your environment variables.
• Paste your current IP in .env file as I mentioned above.
• Create database named app in your MYSQL database
• Run php artisan migrate
• Run php artisan serve --host {YOUR_IP} --port="8000", to serve it in different host and port
• Go to {YOUR_IP:8000}/register to register an admin user then add some categories to fetch them from backend

Note: For now as per categories, I used expo's fontawesome5 icons. Hence please search only for those ones to get the point, then change in code the layout you want

Now you can open your emulator or scan QR Code to open the app

Note: Please, if I forgot something, contact me for the support :)

# preforms