💡 Inspiration
- Initial Idea (Naol): "Looking into https://www.ycombinator.com/rfs I noticed that one of the requests was to come up with a solution regarding transportation. So I thought of facilitating some sort of relationship with users and short-distance personal transportation vehicles. After general research asking people for their opinions, and brainstorming we came up with Fiable: an incentivized money making app through biking"
- Meetings and Setup: Page Count, Authentication and Brainstorming.
- Coding and bringing it to life
✨ What it does
It incentivizes the users to choose biking for travel instead by providing monetary benefits
🔩 How we built it
- Initially, we conducted a brainstorming session on Google Docs, before attempting to design a low-fidelity wireframe.
- After understanding our information structure, we created a swift template for our app on Figma and on an iPad.
- Some iterations later, we started to code the app head-on, by using React Native, while asking for continuous feedback, by utilizing an agile methodology.
😮💨 Challenges we ran into
- In our insistence for a smooth user experience, we needed the navigation to be intuitive and flow well which caused a lot of state management issues.
- It was a challenge including real-time location tracking for the app. We had to include polylines that tracks the movement of the user and renders it on the map.
😌 Accomplishments that we're proud of
- We are proud of the minimal simplistic design which provides a smooth user experience and enriches the biking experience
- Integrating Google Cloud Platform API KEY with the react-native app
- Building Figma Designs and converting the exact designs to code.
- We created an environmentally conscious app that aims to reduce air pollution.
📖 What we learned
- Working on a team together with different skills.
- Understanding Native Mobile Development using React-native.
- Global state management and navigation.
- Integrating Google Cloud Platform's APIs into our Native application like Google Maps and Google Maps Directions
- We learnt and implemented the principles of design such as affordability, adaptability, Operability, Iconic representation etc. during the design phase of the application.
⏭️ What's next for Fiable
- Redux state management. Normal unidirectional state management is a pain. Every state variable has to be sent every time we are using navigate
- Functional Polylines to get the direction from any latitude or longitude
- Make the Google Cloud API key restricted. It should be in a .env file
- Design Improvement 1: Make fiable$ border thinner
- Design Improvement 2: Border radius for fiable$, sign out & change password
- Pop-up to make sure user is comfortable with turning their location on
Built With
- expo-cli
- expo-go
- google-cloud
- google-directions
- google-maps
- metro-bundler
- react-hooks
- react-native
- react-native-maps
- stack-navigator
Log in or sign up for Devpost to join the conversation.