CYCL is an innovative application designed to facilitate the rental and usage of bicycles and electric scooters. The app integrates Firebase for authentication and real-time database interactions, providing a seamless experience for users to rent, ride, and return vehicles safely.
- Features
- Environmental Impact
- External Sensor Integration
- Screenshots
- Video Demonstration
- Usage
- Technologies Used
- Contributors
-
Splash Screen
- Animated splash screen with rotating C's imitating bicycle wheels moving.
- Duration: 1.5 seconds.
-
Login and Signup Screens
- Firebase authentication for secure login and signup.
- Validates user credentials and navigates to the homepage upon successful login.
-
Homepage
- Animated swipe navigation using Motion Layout.
- Options to hire a bike or scooter, view the map, and logout.
-
Maps Screen
- Displays user location and nearby rental stations.
- QR code scanner to start the trip.
-
Ride Screen
- Active throughout the trip with a timer and animated ring.
- Return vehicle button to end the trip and navigate to the park activity.
-
Park Screen
- Uses ultrasonic sensor data to assist in parking.
- Interactive feedback through colors, animations, vibrations, and text changes.
- Navigate to the payment screen upon successful parking.
-
Payment Screen
- Displays payment information and allows users to rate their experience.
- Animated background and navigation back to the homepage.
CYCL aims to reduce the usage of cars and, consequently, decrease global warming. By promoting the use of bicycles and scooters, the app helps to:
- Reduce Carbon Emissions: Bicycles and electric scooters produce zero emissions, making them environmentally friendly alternatives to cars.
- Improve Air Quality: Less car usage leads to lower air pollution levels, contributing to healthier urban environments.
- Promote Sustainable Transportation: Encourages a shift towards sustainable transportation methods, fostering a culture of environmental consciousness.
The CYCL app integrates an ESP8266 microcontroller with an ultrasonic sensor to assist users during the parking phase. This setup helps users avoid obstacles and park the vehicle safely by providing real-time feedback through the app.
-
Ultrasonic Sensor Setup:
- The ultrasonic sensor is connected to the ESP8266 microcontroller.
- The sensor measures the distance to the nearest obstacle behind the vehicle.
-
Data Transmission:
- The ESP8266 sends the distance data to Firebase Realtime Database.
- The data is continuously updated to reflect the current distance.
-
App Interaction:
- The CYCL app retrieves the distance data from Firebase in real-time.
- The app provides visual and haptic feedback based on the distance:
- Visual: The parking screen displays the distance and changes color as the vehicle gets closer to an obstacle.
- Haptic: The phone vibrates more intensely as the vehicle approaches an obstacle.
For a detailed overview of the CYCL app in action, watch our video demonstration.
- Open the application.
- Sign up or log in using your email and password.
- Navigate through the homepage to hire a bike or scooter.
- Use the maps to find and rent a vehicle.
- Start your ride and monitor your trip through the ride screen.
- Park the vehicle using the park screen guidance.
- Complete the trip and payment process.
- Firebase Authentication: Secure login and signup.
- Firebase Realtime Database: Storing and retrieving real-time data.
- Motion Layout: For animations and smooth UI transitions.
- Android: The primary platform for development.
- ESP8266: Microcontroller used for sensor data collection.
- Ultrasonic Sensor: Measures distance to assist in parking.
- Bishoy Labib
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent