Recipe List

Explore the docs »

Table of Contents

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
   • Setup .env example
3. Screenshots
4. Contributing
5. License

About The Project

Developed a dynamic React Native application designed for users to share and discover recipes. Leveraged the versatility of Expo as the primary build tool to streamline app development. Utilized Expo Router to effectively manage file-based page routing and implemented dynamic routes for enhanced navigation experiences. Employed Redux with TypeScript to centralize and manage the application state, ensuring type safety and data consistency across components. Integrated Material Design principles through Native Paper to provide an intuitive and consistent user interface.

Built With

This app was built with some technologies below:

• React Native Paper
• Expo
• React Native
• TypeScript
• Supabase
• Redux Toolkit Query

(back to top)

Getting Started

Prerequisites

Before going to the installation stage there are some software that must be installed first.

• Node.js
• Expo Go App for running the app without SDKs

(back to top)

Installation

Run project locally using Expo App on Android/iOS in app store. You need to configure the backend before proceeding.

• Clone the repo

git clone https://github.com/itsarsile/food_recipe-mobile-ts.git

• Go To Folder Repo

cd food_recipe-mobile-ts

• Install Module

You can use yarn/npm

yarn

• Setup .env
• Type npm run dev To Start Website
• Type npm run start To Start Production

(back to top)

Setup .env

Create .env file in your root project folder.

EXPO_PUBLIC_SUPABASE_URL=""

EXPO_PUBLIC_SUPABASE_KEY=""

(back to top)

Previews

Login Page
Home Page
Detail Recipe	Add Recipe
My Recipe	Edit Recipe
Edit Profile

(back to top)

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

1. Fork the Project
2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
3. Commit your Changes (git commit -m 'Add some AmazingFeature')
4. Push to the Branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

(back to top)

Related Project

🚀 Backend FoodRecipe