Abstract: In the world of software development nowadays, many applications are available on both Android and iOS platforms. Each app solves a unique problem statement with a better solution and idea. In this modern era, apps are available to fulfill and understand the user's needs. In the same way nowadays, there are many laundry service platforms available in towns and rural areas, it is generally more likely to be found in multi-store residential or university buildings where there is usually a lot of cost or dorm. The general issue with the existing laundry applications is that users face many issues while booking the service. These existing laundry applications are not intuitive and user-friendly for the users while using the app. Students have certain communication issues with the service provider when using the laundry facilities at institutions located in different states or locations, and this gives a thumbs down to the laundry service provider for being unreliable. From this project, we hope to build a well- interactive, user-friendly, and secured laundry application for Android and iOS applications that helps users easily book their services and communicate easily with the service providers.
Index terms- React Native Expo, NPM, Java Script, Node.js, Python, NLP, MBERT, Expo Location and Firebase.
How to start the project:
-
Install Node.js in your laptop or pc, to run the code. (https://nodejs.org/en/download) Follow up with this link to install the nodejs in your PC or laptop.
-
After installing, Open the project in VS code or any IDE environment to run the code...
-
Use this cmd to install the all the packages (npm install)
-
To, see the application interface and working make sure you install EXPO GO application from Google Playstore or App Store.
-
Now, go the project directory and run (npx expo start)
-
After running this command in vs code terminal Open Expo GO app and run the application, hence we can see the working app.
-
NOTE: Make sure the PC/laptop connected to a same WIFI network, if not the application won't run.
1st Open the Project Directory
npm install
cd landry-app npx expo start
or
npm start- @awrminkhodaei/react-native-horizontal-date picker – A package for a horizontal date picker in React Native.
- @react-navigation/native - React Navigation package for managing navigation in React Native apps.
- @react-navigation/native-stack - React Navigation package for managing stack-based navigation in React Native apps.
- @reduxjs/toolkit - Package for efficient Redux development.
- deprecated-react-native-prop-types - Package for handling deprecated React Native prop types.
- expo - Development platform for building mobile applications.
- expo-location - Package providing location services for Expo applications.
- expo-status-bar - Package for managing the status bar in Expo applications.
- firebase - Package for integrating Firebase services into applications.
- lottie-react-native - Package for integrating Lottie animations into React Native applications.
- moment-jalaali - Package for working with the Jalaali calendar system in Moment.js.
- react - React package for building user interfaces.
- react-native - React Native package for building mobile applications.
- react-native-image-slider-box - Package for implementing an image slider in React Native applications.
- react-native-safe-area-context - Package for handling safe area insets in React Native applications.
- react-native-screens - Package for managing screens in React Native applications.
- react-redux - Package for integrating Redux with React applications.
- [@awrminkhodaei/react-native-horizontal-date-picker](https://github.com/awrminkhodaei/react-native-horizontal-datepicker)
- [@react-navigation/native](https://reactnavigation.org/docs/getting-started)
- [@react-navigation/native-stack](https://reactnavigation.org/docs/stack-navigator/)
- [@reduxjs/toolkit](https://redux-toolkit.js.org/)
- deprecated-react-native-prop-types [npm link](https://www.npmjs.com/package/deprecated-react-native-prop-types)
- expo [official website](https://expo.dev/)
- expo-location [documentation](https://docs.expo.dev/versions/latest/sdk/location/)
- expo-status-bar [documentation](https://docs.expo.dev/versions/latest/sdk/status-bar/)
- firebase [official website](https://firebase.google.com/)
- lottie-react-native [GitHub](https://github.com/lottie-react-native/lottie-react-native)
- moment-jalaali [GitHub](https://github.com/jalaali/moment-jalaali)
- react [official website](https://reactjs.org/)
- react-native [official website](https://reactnative.dev/)
- react-native-image-slider-box [npm link](https://www.npmjs.com/package/react-native-image-slider-box)
- react-native-safe-area-context [GitHub](https://github.com/th3rdwave/react-native-safe-area-context)
- react-native-screens [GitHub](https://github.com/software-mansion/react-native-screens)
- react-redux [official website](https://react-redux.js.org/)List of packages Installation commands
| Package | Installation Command |
|---|---|
| @awrminkhodaei/react-native-horizontal-datepicker | npm install @awrminkhodaei/react-native-horizontal-datepicker |
| @react-navigation/native | npm install @react-navigation/native |
| @react-navigation/native-stack | npm install @react-navigation/native-stack |
| @reduxjs/toolkit | npm install @reduxjs/toolkit |
| deprecated-react-native-prop-types | npm install deprecated-react-native-prop-types |
| expo (global) | npm install -g expo-cli |
| expo-location (assuming expo installed) | expo install expo-location |
| expo-status-bar (assuming expo installed) | expo install expo-status-bar |
| firebase (additional setup required) | npm install firebase |
| lottie-react-native | npm install lottie-react-native |
| moment-jalaali | npm install moment-jalaali |
| react (consider create-react-app) | npm install react |
| react-native (consider create-react-app) | npm install react-native |
| react-native-image-slider-box | npm install react-native-image-slider-box |
| react-native-safe-area-context | npm install react-native-safe-area-context |
| react-native-screens | npm install react-native-screens |
| react-redux | npm install react-redux |