https://github.com/chayan-1906/uber-expo
https://github.com/chayan-1906/uber-expo
Last synced: 8 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/chayan-1906/uber-expo
- Owner: chayan-1906
- Created: 2024-08-27T06:06:00.000Z (about 1 year ago)
- Default Branch: master
- Last Pushed: 2024-09-25T07:37:59.000Z (about 1 year ago)
- Last Synced: 2025-01-09T13:47:44.454Z (9 months ago)
- Language: TypeScript
- Size: 4.14 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Uber
This project is built using React Native and TailwindCSS for the user interface, Google Maps API for rendering real-time maps with directions, PostgreSQL (NeonDB) for database.
# ⚙️ Tech Stack
• React Native
• Expo
• PostgreSQL
• Google Maps
• Zustand
• Clerk
• Tailwind CSS
# 🔋 Features
👉 Onboarding Flow: Seamless user registration and setup process.
👉 Email Password Authentication with Verification: Secure login with email verification.
👉 oAuth Using Google: Easy login using Google credentials.
👉 Authorization: Secure access control for different user roles.
👉 Home Screen with Live Location & Google Map: Real-time location tracking with markers on a map.
👉 Recent Rides: View a list of recent rides at a glance.
👉 Google Places Autocomplete: Search any place on Earth with autocomplete suggestions.
👉 Find Rides: Search for rides by entering 'From' and 'To' locations.
👉 Select Rides from Map: Choose available cars near your location from the map.
👉 Confirm Ride with Detailed Information: View complete ride details, including time and fare price.
👉 History: Review all rides booked so far.
👉 Responsive on Android and iOS: Optimized for both Android and iOS devices.
and many more, including code architecture and reusability
# 📦 Dependencies
### Tailwind CSS - https://www.nativewind.dev/quick-starts/expo
npm install nativewind
npm install --save-dev tailwindcss@3.3.2
npx tailwindcss init (Add folders inside tailwind.config.js > content)
Add plugins array in babel.config.js (plugins: ["nativewind/babel"],)
### React Native Swiper - https://www.npmjs.com/package/react-native-swiper
npm i react-native-swiper
### Clerk/Clerk/Expo - https://clerk.com/docs/quickstarts/expo
npm install @clerk/clerk-expo
### Expo Secure Store - https://docs.expo.dev/versions/latest/sdk/securestore/
npx expo install expo-secure-store
### React Native Modal - https://www.npmjs.com/package/react-native-modal
npm i react-native-modal
### React Native Maps - https://www.npmjs.com/package/react-native-maps
npm i react-native-maps
### React Native Maps Directions - https://www.npmjs.com/package/react-native-maps-directions
https://www.npmjs.com/package/react-native-maps-directions
### Zustand - https://www.npmjs.com/package/zustand
npm i zustand
### Expo Location - https://docs.expo.dev/versions/latest/sdk/location/
npx expo install expo-location
### React Native Google Places Autocomplete - https://www.npmjs.com/package/react-native-google-places-autocomplete
npm i react-native-google-places-autocomplete
### React Native Gesture Handler - https://www.npmjs.com/package/react-native-gesture-handler
npm i react-native-gesture-handler
### React Native Bottom Sheet - https://www.npmjs.com/package/@gorhom/bottom-sheet
npm i @gorhom/bottom-sheet
## https://docs.stripe.com/payments/accept-a-payment-deferred?platform=react-native
### Stripe - https://www.npmjs.com/package/stripe
npm i stripe
### Stripe React Native - https://www.npmjs.com/package/@stripe/stripe-react-native
npm i @stripe/stripe-react-native
# 💻 Preview
