Needs to be completed within 10 days. Require to upgrade a react-native app with additional screens and functionality. (Including backend firebase/nodejs). Backend functionality -> Backendless Firebase cloud functions OR nodejs. We are using firestore as primary DB. Backend functionality for the above screens to be done. Also use Redux to manage state in the react native App.
To work on both IOS/Android phone/tablets. Implement usage of redux in code.
This app is used to find nearby EV charging stations along with reservation functionality. Two sides to the app – Users & Hosts.
PFA the mockups of all the screens. Refer to screen numbers in Mockup.
User Side mockup = [login to view URL]
Host Side mockup = [login to view URL]
PFB the List of Screens required to be developed along with the backend firebase functionality. Some of the functionality has been developed already.
USER SIDE ([login to view URL]):
A) Splash Screen (Mockup Screen 1): Already done.
B) Intro Screens (Mockup Screen 2, 3, 4): Already done
C) Sign In/SignUp Facebook/Gmail/Email/Telephone with Firebase (Mockup Screen 5, 6).
D) Home Screen (Mockup Screen 8): This will be the landing page. Basic functionality is already developed. Theme changes as per mockup. Need changes here to have custom annotations icon depending on the type of ChargingStation(public/private).
E) Home-Popup (Mockup Screen 9): Require small overlay showing the station details on click of the annotations.
F) List Stations (Mockup Screen 10): Displays list of charging stations, showing nearby first, and only within the current selected location delta on home screen map. Screen with few functionalities done.
G) *Low Priority* Filter screen (Mockup Screen 11) -> filters the marker icons on the map.
H) Details screen (Mockup Screen 12): Screen with few functionalities done. Need to develop below
H1) Theme changes- as per given mockup
H2) Checkin/Checkout Functionality - > Checkin into the individual plugs at the station -> Select from the charger list above and checkin makes the charger unavailable till he checks out or once the fixed timer ends.
H3) BookSlot functionality (for individual plugs) (Mockup Screen 13) -> book a slot for later checkins. With calendar and time.
I) Menu items (Mockup Screen 14):
I1) Near Me: this goes to the Home Screen (D)
I2) Add Station: this goes to the add station screen (Mockup Screen 28)
I3) My Reservations/Checkins Screen (Mockup Screen 15): Shows list of old reservations/Checkins and new pending one. Only ListView with few details.
I4) *Low Priority* My Vehicle (Mockup Screen 17): Shows Users Vehicle list with add Vehicle (Simple screen to add Vehicle name, photo & model name) as per mockups.
I5) *Low Priority* List of favorite stations for this User (Mockup Screen 19). Marked favorite from the details screen heart button.
I6) *Low Priority* Settings (Mockup Screen 20):
I6.1) Notification enabled/disabled
I6.2) Change password
I6.4) Feedback -> Save user feedbacks. As per mockup
I7) Switch to Host Button-> Switches the app to show screen only specific to Host(Station owner). The Host screens are mentioned point 12 onwards.
J) Add Public/Private Stations (Mockup Screen 28): Screen with few functionalities done. Require theme & functionality as per mockups.
HOST SIDE ([login to view URL]):
K) Once User switches to Host using the ‘Switch to Hosting’ menu button in Mockup Screen 14 -> Host Menu will be shown as in [login to view URL] Mockup Screen 11.
L) The List of his Private stations along with add/edit/delete functionality as in [login to view URL] Mockup Screen 8.
L) Incoming request list screen as in [login to view URL] Mockup Screen 12 -> When other users Book reservation a notification request is sent to the host user & shows up in this screen. Accept & Reject functionality needed for Host & User to be notified accordingly.
M) *Low Priority* User – Host chat functionality