This project was designed and developed as a solo-project during the 2021 Ohio State HACK OHI/O Hackathon event. I chose the attempt the AEP Hackathon challenge which was asked us to create an easy way to injest and store hundreds, if not thousands, of images of AEP's power lines, power poles and transformers and then allow users to annotate and markup those images. This is in an effort to identify any poles or power lines that are down and need fixing. To solve this problem, I chose to create a webapp using the Next.js framework, paired with a serverless backend using Firebase Firestore, Firebase Storage (for storing images), and Firebase Cloud Functions.
After the Hackathon was over, I needed to submit my code the contest, so I made a branch work-complete-during-hackathon that holds the code that I submitted. I have chosen to continue development of some of the features I wanted to implement, but did't have enough time to complete, as well as clean up the code and make it production ready.
-
Clone the repository:
git clone https://github.com/jacklynch00/aep-power-lines.git -
Navigate to firebase and create a new project
- After creating the project, save the app configuration variables to a
.envfile in the root folder of the project- Make sure to prefix the environment variables with
NEXT_PUBLIC_
- Make sure to prefix the environment variables with
-
NEXT_PUBLIC_API_KEY=______ NEXT_PUBLIC_AUTH_DOMAIN=______ NEXT_PUBLIC_PROJECT_ID=______ NEXT_PUBLIC_STORAGE_BUCKET=______ NEXT_PUBLIC_MESSAGING_SENDER_ID=______ NEXT_PUBLIC_APP_ID=______
- After creating the project, save the app configuration variables to a
-
Once the environment file is created, you can execute the following to launch the development environment:
npm run dev # or yarn run dev
Open http://localhost:3000 with your browser to see the result.
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.