A simple app linked to the government Vehicle Charging API. Chargers can be filtered on distance from location and plug type. You can also create a user account and sign in and out using email and password
·
Report Bug
·
Table of Contents
The final project of our Manchester Codes Software Engineering Bootcamp. We tasked ourselves with putting together an app which could search any country in the world for all the EV charging sites. We hoped it would then be possible to use various filter methods to find and navigate to your desired charging station. We hoped to build the frontend using React and the native React Testing Library. The backend would be built using Express, Mongoose and MongoDB. Using the MERN stack we hoped that we would have pleanty of up to date documentation to work from.
Please use the below to set of instructions to get your project up and running
- npm
npm install npm@latest -g
- Clone the repo into your chosen file
$git clone https://github.com/MaJaWh/evtest
- CD into database and Install NPM packages
$npm install
- CD into evtest and Install NPM packages
$npm install
- Testing
$npm test
- Enter your API in
.env
in evtest. If you dont have an API key you will see a development only mapREACT_APP_GOOGLE_MAPS_EMBED_API_KEY = 'ENTER YOUR API';
- From evtest run
$npm start
- From database run
$npm start
-
Opening the app you will be directed to the LandingPage and asked to create a user.
-
If you successfully create a user you will be directed to the dashboard.
-
Here you get an alert askeing you to allow location services and the map shoudl center on your location.
-
You can then enter your home town and set the distance in miles you would liket o search from your location.
-
Pressing the plug type button you can then toggle on and off the locations which match your plug type. Some plug types are more popular than others.
-
If you like you can remove the search window by clicking the SearchForm button at the bottom of the page.
- Create a more informative landing page
- [ ]
- Feature 3
- Nested Feature
- Complete reset password function
- Complete add a new car route
- Add an 'update users car' route
- Create function so the user can add an image to thir profile.
- Display the users image on the header bar.
- [ ]
Mark Whitehead - @mjamesw2010
Project Link: https://github.com/MaJaWh/evtest