Autor: Yashwanth Gajji
The Mileage Tracker application is a comprehensive tool designed for users to efficiently manage and track their vehicles' performance and fuel consumption. Users can securely sign up and log in to maintain their profiles, add and manage vehicle details, and record refuelling data. The app offers dynamic visualizations of monthly mileage, expenditures, and performance metrics, providing insights into driving habits and costs. All user data is stored locally using Async Storage, with Zustand handling global state management for a seamless experience.
- Users can sign up and log in using a secure 4-digit passcode.
- Upon signing in, users can view their profile on the sign-in page.
- Users have the ability to add, edit, and delete vehicle details.
- Vehicle images can be uploaded and managed within the application.
- All vehicles are accessible in the "Vehicles" tab.
- Users can add, edit, and view refuelling data for each vehicle in the "Refuelling" tab.
- The application provides dynamic visualizations of monthly mileage performance, monthly expenditures, average mileage, and the most recent mileage.
- All data is stored locally using Async Storage for efficient access and retrieval.
- Zustand is utilized for global state management across the application.
- React Native
- Expo
- NativeWind
- AysncStorage
- Zustand
- react-native-chart-kit
- expo-image-picker
- @react-native-async-storage/async-storage
- zustand
- react-native-otp-textinput
- react-native-dropdown-select-list
-
Download the Zip or Clone the repository.
-
Install dependencies
npm install
-
Run the Application
npx expo start
In the output, you'll find options to open the app in a
- Expo Go, Easy and Preferable way
- Android emulator
- iOS simulator
