https://github.com/alvinle2901/fuji-recipe-react-native
A React Native mobile application where users can save their favorite Fujifilm's recipes.
https://github.com/alvinle2901/fuji-recipe-react-native
expo-cli firebase graphql react-native react-native-async-storage react-query tailwind-css
Last synced: 2 months ago
JSON representation
A React Native mobile application where users can save their favorite Fujifilm's recipes.
- Host: GitHub
- URL: https://github.com/alvinle2901/fuji-recipe-react-native
- Owner: alvinle2901
- Created: 2023-10-16T09:53:01.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2025-02-18T12:54:09.000Z (over 1 year ago)
- Last Synced: 2025-03-23T09:14:55.339Z (over 1 year ago)
- Topics: expo-cli, firebase, graphql, react-native, react-native-async-storage, react-query, tailwind-css
- Language: TypeScript
- Homepage: https://drive.google.com/file/d/1ZE3gAEZ7aEWygPgxAE2wXCyf98-KnT5R/view
- Size: 129 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Fujifilm Recipe App
A React Native app build on Expo, essential for Fujifilm camera owners & photoholic, helping you unlock the full potential of your photos. With unique film-inspired recipes tailored to specific Fujifilm camera models, you can easily recreate the classic film photography atmosphere without the need for post-processing.
Recipes are inspired from [FujiXWeekly](https://fujixweekly.com/)
Key Features:
- Recipe Library: Explore a wide variety of film recipes designed for different shooting conditions and photography styles.
- Create Your Own Recipes: Customize and save your own camera settings to always have your favorite profiles at your fingertips.
- Favorite Recipes: Bookmark your preferred recipes for quick access and easy organization.
- Easy Search & Filter: Quickly find the recipes you need.
Technical Features:
- Custom API made with NodeJS & Apollo GraphQL to hold the already-made recipes. [Link](https://github.com/alvinle2901/Fuji-Recipe-BE) to the API repo.
- [React Native Async Storage](https://reactnative.dev/docs/asyncstorage) to save the data to local
- Tanstack's [react-query](https://tanstack.com/query/latest) for state management
- [Firebase](https://firebase.google.com/) to save uploaded images on Firebase's Cloud Firestore
- [Formik](https://formik.org/docs/overview) & [Yup](https://github.com/jquense/yup) for form validation
- [TailwindCSS](https://tailwindcss.com/docs/installation) for UI implementation
- [Reanimated](https://reanimated-beta-docs.swmansion.com/) 2 for animations
- [Bottom Sheet](https://gorhom.github.io/react-native-bottom-sheet/)
- [ESLint](https://eslint.org/) & [Prettier](https://prettier.io/) to prettify the code
## Screenshots
## APKs
You can find the apk to install [here](https://drive.google.com/file/d/1ZE3gAEZ7aEWygPgxAE2wXCyf98-KnT5R/view?usp=sharing)
## Steps to reproduce:
### Clone the repo
```shell
git clone https://github.com/alvinle2901/Fyrre-Magazine.git
```
### Install dependencies
```shell
npm install
```
### ESLint and Prettier fix
```shell
npm run fix:lintPrettier
```
### Start the app
```shell
npx expo start
```