my STEM Journal

• 

  First Page

• 

  Dashboard

Inspiration

I wanted to create a tool that helps STEM students stay organized and track their goals. I noticed that managing multiple tasks and learning objectives can be overwhelming, so I thought a simple goal tracker could make it easier to stay motivated.

What it does

My goal tracker allows students to create goals, mark tasks as completed, and see their progress visually. It helps users focus on what they need to accomplish and gives a sense of achievement as they check off tasks.

How we built it

I built this project using HTML for the structure, CSS for styling, and JavaScript for functionality. HTML creates the sections like goal lists and buttons, CSS makes it visually appealing, and JS handles adding new goals, marking tasks complete, and updating the progress.

Challenges we ran into

Since I’m new to JavaScript, understanding how to manipulate elements on the page and update them dynamically was challenging. I also had to learn how to keep the layout responsive so it looks good on different screen sizes.

Accomplishments that we're proud of

I’m proud that I was able to make a working interactive website even as a beginner. I successfully connected HTML, CSS, and JavaScript so that users can add goals, mark them complete, and see progress updates.

What we learned

I learned how to use JavaScript to dynamically update the web page. I also gained experience in structuring a small web app and connecting frontend elements with interactive behavior.

What's next for my STEM Journal

Next, I want to improve the design, add the ability to save goals even after closing the browser (using local storage), and maybe add categories or deadlines to make it even more useful for STEM students.

Built With

• css
• html
• javascript