Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/princid/laundrymart
Laundrymart is a responsive and stylish cross-platform mobile app created using React Native Expo CLI. It has clean User Interface created for Laundry service providers/agencies and consumers can get the Laundry services by just placing an order on our app.
https://github.com/princid/laundrymart
expo-cli expo-location firebase firebase-auth hacktoberfest hacktoberfest-accepted hacktoberfest2024 hactoberfest2023 lottie-animation lottie-react-native react-native react-redux
Last synced: 14 days ago
JSON representation
Laundrymart is a responsive and stylish cross-platform mobile app created using React Native Expo CLI. It has clean User Interface created for Laundry service providers/agencies and consumers can get the Laundry services by just placing an order on our app.
- Host: GitHub
- URL: https://github.com/princid/laundrymart
- Owner: princid
- License: mit
- Created: 2023-06-03T04:38:20.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-10-20T08:17:19.000Z (3 months ago)
- Last Synced: 2024-11-02T20:23:13.240Z (2 months ago)
- Topics: expo-cli, expo-location, firebase, firebase-auth, hacktoberfest, hacktoberfest-accepted, hacktoberfest2024, hactoberfest2023, lottie-animation, lottie-react-native, react-native, react-redux
- Language: JavaScript
- Homepage: https://expo.dev/@princid/laundrymart
- Size: 2.48 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# 👔 [Laundrymart](https://expo.dev/@princid/laundrymart)
Laundrymart is a responsive and stylish cross-platform mobile app created using React Native Expo CLI. It has clean User Interface created for Laundry service providers/agencies and consumers can get the Laundry services by just placing an order on our app.
## 🔰 Dependencies to install :
Expo Project Setup :
- `npx create-expo-app laundrymart`
- `cd laundrymart`
- `npx expo start`
Expo-Location (allows reading geolocation information from the device):
- `npx expo install expo-location`
For Carousel Box (react-native-image-slider-box):
- `npm i react-native-image-slider-box`
Redux Toolkit:
- `npm install @reduxjs/toolkit`
- `npm add react-redux`
For Navigation:
- `npm install @react-navigation/native`
- `npx expo install react-native-screens react-native-safe-area-context`
- `npm install @react-navigation/native-stack`
For Simple Date Picker:
- `npm install --save moment`
For Firebase:
- `npx expo install firebase`
- `npm install -g firebase-tools`
Order Placed Animation: (Lottie React Native)
- `npx expo install lottie-react-native`
- Also add `sparkle.json` & `thumbs.json` file in your assets folder.
## Visuals of Laundrymart:
Click Here to see the visuals of Laundrymart app...
## How to deploy:
- Run this command in your terminal `npm install -g expo-cli`
- then run `expo login`
- then put your login credentials (username & password)
- And once you're logged in, run `expo publish` to publish the app to the expo app store.
- then, if it will ask "In order to publish an update, expo-updates needs to be installed. Do you want to install it now?", then just simply click "Y". It will basically install the expo-updates.
## Run the app:
- Install `Expo Go` app on your device.
- Then scan this [`QR-code`](https://expo.dev/@princid/laundrymart)
- Or, open this link on your device: `exp://exp.host/@princid/laundrymart?release-channel=default`
## 🚀 Resources used :
- [Expo Icons](https://icons.expo.fyi/)
- [Color Shades](https://htmlcolorcodes.com/color-picker/)
- [Expo Location](https://docs.expo.dev/versions/latest/sdk/location/)
- [Redux Toolkit](https://redux-toolkit.js.org/introduction/getting-started)
- [React Navigation](https://reactnavigation.org/docs/getting-started)
- [Image Slider Carousel Box](https://www.npmjs.com/package/react-native-image-slider-box)
- [Horizontal Date Picker](https://github.com/AwrminKhodaei/react-native-horizontal-datepicker)
- [Simple Date Picker in React Native](https://dev.to/kharioki/horizontal-calendar-a-simple-date-picker-for-react-native-4h2)
- [rneui/themed](https://www.npmjs.com/package/@rneui/themed)
- [React Native Config](https://www.npmjs.com/package/react-native-config)
- [Expo Firebase](https://docs.expo.dev/guides/using-firebase/)
- [Lottie React Native Animation](https://docs.expo.dev/versions/latest/sdk/lottie/)
- [Deployment Tutorial YouTbe](https://youtu.be/ByqYR1IwYKY)
- [Expo Dev, to get the deployed QR code](https://expo.dev/)