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.

👔 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
• Or, open this link on your device: exp://exp.host/@princid/laundrymart?release-channel=default

🚀 Resources used :

• Expo Icons
• Color Shades
• Expo Location
• Redux Toolkit
• React Navigation
• Image Slider Carousel Box
• Horizontal Date Picker
• Simple Date Picker in React Native
• rneui/themed
• React Native Config
• Expo Firebase
• Lottie React Native Animation
• Deployment Tutorial YouTbe
• Expo Dev, to get the deployed QR code