AtomScope

• 

  This is my Github frontend

• 

  My homepage with my name covered off for privacy purposes.

• 

  Study Groups

Inspiration

I got inspired to make this project because I’m a kid trying to make my parents proud by using my skills to earn money and build something meaningful. When I saw this hackathon, I started brainstorming ideas. After thinking about what students actually need, I came up with AtomScope.

After two days of nonstop work, debugging, learning, and building, I finished it. Meet AtomScope.

What it does

AtomScope is a student-focused platform designed to bring different parts of school life into one place.

Students can connect their Google Classroom, view their classes and assignments, stay organized, join study groups, chat with other students, use built-in productivity tools, and more.

The goal is simple: make school easier to manage without students having to jump between a bunch of different websites and apps.

** How we built it**

AtomScope was built using HTML, CSS, and JavaScript for the frontend, with Node.js and Express powering the backend.

I connected AtomScope to the Google Classroom API using Google OAuth so users can securely connect their Classroom account and access their school information.

I also built features such as study groups, messaging, a Pomodoro-style timer, notes, a calculator, a data plotter, rewards, and a shop system.

A lot of the project was built from scratch, with plenty of debugging and testing along the way.

Challenges we ran into

One of the biggest challenges was getting Google OAuth and the Google Classroom API working correctly. There were several configuration issues, redirects, permissions, and backend problems that I had to troubleshoot.

I also ran into JavaScript errors that completely stopped parts of the website from working. Finding those bugs and understanding why they happened taught me a lot about how frontend and backend systems connect.

Getting everything to work together after building so many features was probably the hardest part.

Accomplishments that we're proud of

I’m proud that I was able to build a working student platform in just two days.

I’m especially proud of getting real Google Classroom integration working instead of making a fake login or demo. AtomScope can actually communicate with Google Classroom through the backend.

I’m also proud that I kept going through all the bugs and problems instead of giving up. This project pushed me to learn things I hadn’t fully understood before.

What we learned

I learned a lot about APIs, OAuth authentication, backend development, JavaScript, databases, sessions, and connecting a frontend to a real service.

More importantly, I learned that I can take an idea from brainstorming to an actual working product. I also learned that debugging is a huge part of programming, sometimes the hardest part isn't writing the code, but figuring out why the code you already wrote isn't working.

What's next for AtomScope

I want to keep improving AtomScope and turn it into a platform that students can actually use every day.

Some future ideas include better Google Classroom synchronization, improved study groups, notifications, more productivity tools, customizable student dashboards, and eventually making AtomScope available online so students can access it from anywhere.

** BTW You need to contact me so I can add you as a test gmail so you can login to the website properly. **

This hackathon was only the beginning. 🚀

Built With

• ansmontage
• brain
• determination
• discipline
• google-classroom-api
• google-cloud
• motivation
• visual-studio-code
• vsc