LimeApp is a React Native application for an electric scooter service, inspired by the Lime Electric Scooters Experience Reimagined design on Behance.
LimeApp is designed to provide users with a seamless and intuitive interface for finding and using electric scooters. The app displays available scooters on a map, provides navigation to the nearest scooter, and allows users to unlock and ride the scooters.
- Display available scooters on a Mapbox map.
- Show user's current location.
- Provide navigation to the nearest scooter.
- Real-time updates of scooter availability.
- Beautiful UI inspired by the Lime Electric Scooters Experience Reimagined design.
- React Native: For building the mobile application.
- Expo: To streamline the development workflow.
- Mapbox: For map integration and displaying scooter locations.
- TypeScript: For type checking and improving code quality.
- @gorhom/bottom-sheet: For creating interactive bottom sheets.
- @turf/distance: For calculating distances between geographic coordinates.
- expo-location: For accessing the user's location.
- Context API: For state management.
- Node.js installed on your machine.
- Expo CLI installed globally.
- Yarn installed globally.
- Mapbox Access Token.
-
Clone the repository:
git clone https://github.com/your-username/LimeApp.git cd LimeApp -
Install dependencies:
yarn install
-
Create a
.envfile in the root of your project and add your Mapbox access token:EXPO_PUBLIC_MAPBOX_KEY=your_mapbox_access_token
-
Start the development server:
expo start
Ensure you have an Android emulator set up and running. Then, you can start the app on the emulator from the Expo Developer Tools.
To run the app on a physical device, download the Expo Go app from the Google Play Store or Apple App Store. Scan the QR code provided by the Expo Developer Tools.
- Design Inspiration: Lime Electric Scooters Experience Reimagined by Steely Sampson.