Charge & Tarry is a website that electric vehicle owners can use to find charging stations and explore nearby recreational activities while they are waiting for their vehicles to be charged. This website is designed to be mobile friendly for the owners to access its contents easily on the go.
On the homepage, the EV owners will be able to find charging stations by:
- current location
- search by zipcode
- search by address/point of interest
The charging stations in the specified area will appear on the map as dots; their availabilities can be indicated by color: green for "available", orange for "occupied".
Once the user places his/her mouse over the charging station, detailed info will pop up:
- availability
- provider
- name
- connection type
- address
The user can also filter charging stations by their provider/connection type.
BuEwGT4i0I.mp4
The user can get a list of nearby activities when he/she clicks on a charging station; rating and reviews for each individual activity will also be shown.
Default timer is 30 mins. The user will be able to customize the timer and check approximate time remaining; if the user choose to, he/she can receive email notifications when the charging status changes.
ugvNcoI2tM.mp4
The user can create an account with their email or through google/facebook to access profile page and submitting new activities/reviews.
As a guest, users are able to see charging stations as well as their availability, see nearby activites, and start a timer for their charge. Authenticated users can submit new activities/reviews and keep track of their completed or favorite activites through their profile page.
Forgot your password? No problem! The website as taken care of the case where a user might forget their login credentials. It will send the user an email with a link which they can follow to reset their password. This redirects them to the Charge and Tarry webpage where they are able to reset their credentials.
Authenticated users can submit review and add new activities via forms.
Authenticated users will have a profile where they can store favorite and completed activities, and also add reviews to existing ones. Users without profiles cannot access these features.
This is a Next.js project bootstrapped with create-next-app.
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying pages/index.js. The page auto-updates as you edit the file.
API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.js.
The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.