{"id":17436256,"url":"https://github.com/haidermalikk/supa-charger-app","last_synced_at":"2026-04-09T02:31:41.184Z","repository":{"id":257951624,"uuid":"871444853","full_name":"HaiderMalikk/Supa-Charger-App","owner":"HaiderMalikk","description":"Supa Charge is a full-stack EV charger locator app made using react native, with Google Maps integration for easy searching and filtering. Users can manage favorites, create accounts via Clerk, and access real-time data with Firebase.","archived":false,"fork":false,"pushed_at":"2024-10-16T02:48:15.000Z","size":15376,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"master","last_synced_at":"2025-02-02T03:18:22.714Z","etag":null,"topics":["clerkauth","firebase","google","google-cloud","googleapi","ios-app","jsx","react","reactnative","typescript"],"latest_commit_sha":null,"homepage":"","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HaiderMalikk.png","metadata":{"files":{"readme":"readme.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-12T01:54:23.000Z","updated_at":"2025-01-15T10:28:58.000Z","dependencies_parsed_at":"2024-10-19T08:54:24.851Z","dependency_job_id":null,"html_url":"https://github.com/HaiderMalikk/Supa-Charger-App","commit_stats":null,"previous_names":["haidermalikk/supa-charger-app"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HaiderMalikk%2FSupa-Charger-App","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HaiderMalikk%2FSupa-Charger-App/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HaiderMalikk%2FSupa-Charger-App/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HaiderMalikk%2FSupa-Charger-App/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HaiderMalikk","download_url":"https://codeload.github.com/HaiderMalikk/Supa-Charger-App/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":245950529,"owners_count":20699087,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["clerkauth","firebase","google","google-cloud","googleapi","ios-app","jsx","react","reactnative","typescript"],"created_at":"2024-10-17T10:07:37.695Z","updated_at":"2025-12-30T23:21:08.083Z","avatar_url":"https://github.com/HaiderMalikk.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"Hi!\nThis is my biggest project, a full-stack app called 'Supa Charge'.\nWith this app, you can find EV chargers, along with Google Maps to seamlessly change your location or open it in Google Maps. You can also filter the number of chargers and your search radius. Information on the address and number of chargers available is also provided. Using the cloud, the user can add or remove favorite chargers for quick access from the favorites screen. The user can create their account at the login screen to manage all this and more!\n\n- For login and account management, I used Clerk. This gave me insights into my users, user count, and the ability to add or remove authentication services (e.g., I could add sign-in using Facebook, GitHub, etc.). I could then link the users' favorites, etc., to the user account.\n\n- For the map, searching using the map, places (i.e., chargers in my case), and all the information on the chargers, I used the Google Maps and Places API offered by Google Cloud Services. This gave me access to Google’s amazing maps and millions of places, along with detailed info on these places like addresses, coordinates, number of chargers, etc. Google credentials also allowed my users to get authorized to use these APIs under my account using Google authentication.\n\n- For the users’ data (i.e., users’ favorites, etc.), I used Firebase, a real-time database offered for free by Google. This gave me the ability to store and retrieve data in real time, which was perfect for user experience as they could see their favorites update in real time. Firebase also allowed me to store user data securely. Furthermore, I used the user’s Clerk email to link them to Firebase, meaning they get their favorites linked to their email. This email data is stored in Firebase along with the favorites' places data.\n\n- This app is completely free and open-source! Download it, enjoy it, and change whatever you like—it's a free template made for your enjoyment. Please note you will have to download all dependencies using npm/npx install, and you'll need to set up your own Clerk, Google API, and Firebase accounts to use this app.\n\n- Currently, I do not plan to put this app on the Apple App Store because they want big money! 😞\n\n- Here are some pictures of the app in action.\n- Plus, here is a link to the app's live demo: https://youtu.be/n4j3UFxffWs.\n\n\n- Login Screen:\n\n\n\n\n\u003cimg src=\"./readmepics/apploginhome.png\" alt=\"App Login Home\" width=\"150\" height=\"auto\" /\u003e \u003cimg src=\"./readmepics/applogingoogle.png\" alt=\"App Login Google\" width=\"150\" height=\"auto\" /\u003e \u003cimg src=\"./readmepics/apploginalert.png\" alt=\"App Login Alert\" width=\"150\" height=\"auto\" /\u003e\n\n- Home Screen:\n\n\n\n\n\u003cimg src=\"./readmepics/apphome.png\" alt=\"App Home\" width=\"150\" height=\"auto\" /\u003e \u003cimg src=\"./readmepics/applikeblank.png\" alt=\"App Like Blank\" width=\"150\" height=\"auto\" /\u003e \u003cimg src=\"./readmepics/appserching.png\" alt=\"App Searching\" width=\"150\" height=\"auto\" /\u003e \u003cimg src=\"./readmepics/appaddingfav.png\" alt=\"App Adding Favorite\" width=\"150\" height=\"auto\" /\u003e \u003cimg src=\"./readmepics/slider.png\" alt=\"Slider\" width=\"150\" height=\"auto\" /\u003e \u003cimg src=\"./readmepics/appaskloca.png\" alt=\"App Ask Location\" width=\"150\" height=\"auto\" /\u003e\n\n- Favorites Screen:\n\n\n\n\n\u003cimg src=\"./readmepics/appfav.png\" alt=\"App Favorites\" width=\"150\" height=\"auto\" /\u003e\n\n- Profile Screen:\n\n\n\n\n\u003cimg src=\"./readmepics/appprofile.png\" alt=\"App Profile\" width=\"150\" height=\"auto\" /\u003e\n\n- Clerk User Authentication:\n\n\n\n\n\u003cimg src=\"./readmepics/clerk.png\" alt=\"Clerk\" width=\"600\" height=\"auto\" /\u003e \u003cimg src=\"./readmepics/clerkauth.png\" alt=\"Clerk Authentication\" width=\"600\" height=\"auto\" /\u003e\n\n- Google APIs:\n\n\n\n\n\u003cimg src=\"./readmepics/apidata.png\" alt=\"Google APIs Data\" width=\"600\" height=\"auto\" /\u003e\n\n- Firebase Database:\n\n\n\n\n\u003cimg src=\"./readmepics/supa-charge-home.png\" alt=\"Supa Charge Home\" width=\"600\" height=\"auto\" /\u003e \u003cimg src=\"./readmepics/firebasedata.png\" alt=\"Firebase Data\" width=\"600\" height=\"auto\" /\u003e","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaidermalikk%2Fsupa-charger-app","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhaidermalikk%2Fsupa-charger-app","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhaidermalikk%2Fsupa-charger-app/lists"}