High School Extracurricular Planner

• 

  Dynamic Dropdowns

• 

  Home page

• 

  Add/Remove Rows

I am a high school freshman working solo on my second hackathon.

My project is the High School Extracurricular Planner website. It is a way for students to plan out the clubs and activities they want to participate in during their high school years. There are drop-down menus with many different clubs to choose from as well as links leading to social/community service websites and career websites.

Having a way to keep track of all the activities a student participates in will help with the college admissions process. I hope that my project will help students take initiative and be proactive during their high school/ middle school experience.

To create this project, I used HTML, CSS, and JavaScript. The index.html file is the main HTML file. The addremove.js file is responsible for adding and removing rows from the table. The dropdown.js file is responsible for the dynamic drop-down menus. The style.css file is the external style sheet file.

I plan on expanding this website to add many more areas of interest for students so that I have activities that appeal to students with different interests. As the data for my website grows, I would need to hook it up to a database like Mongo in the future.

Built With

• css
• github
• html
• javascript