Hackathon Participation Tracker

• 

  timeline 2

• 

  Form to add events to timeline/upload previously generated JSON file

• 

  timeline 1

Inspiration

I read the example project ideas given on the Hack Your Portfolio google doc.

What it does

It allows for you to visualize your hackathon history with a timeline that also displays features like title, description, project description, team members, related links, and awards. It also saves to local storage while using the website and there are ways to save/load to/from JSON files.

How we built it

I made the project using ReactJS with the Vite build tool as well as using react-router-dom to have static routes for /generate and /home.

Challenges we ran into

The timeline was definitely the biggest challenge because it was my first time making a visually pleasing graphical component like that using CSS and I also had to recode it because I wanted to add sections for awards won and related links.

Accomplishments that we're proud of

This was my first hackathon ever and I'm really happy with how the project turned out.

What we learned

Plan twice, execute once. I also really was able to expand my understanding of CSS with the timeline.

What's next for Hackathon Participation Tracker

I could add Google Firebase for backend features like cloud saving your hackathon progress.

Built With

• css
• html
• javascript
• jsx
• react
• react-router-dom
• vite