ATLAS ACADEMIA

• 

  Landing Page

• 

  Resources page

• 

  Search page

• 

  Leaderboard page

Inspiration

You know how SHS students often struggle to find the right learning resources? Everything is scattered online, and sometimes it’s full of distractions or content that’s not even relevant. I wanted to make something that makes learning easy, organized, and fun, a place where students can go straight to what they need without wasting time. That’s how ATLAS ACADEMIA was born.

What it does

ATLAS ACADEMIA is basically a learning hub for SHS students. It’s mobile-friendly, so you can use it on your phone. Here’s what it does: Shows learning resources for Year 1, Year 2, and Year 3 Lets you search for extra resources safely (we block adult content) Tracks your activity with XP points so you get a sense of progress Includes a leaderboard so you can see how you’re doing compared to friends Keeps everything simple and fast, so it feels like a real app Basically, it’s a platform that helps you focus on learning and makes it a bit more exciting at the same time.

How we built it

I built ATLAS ACADEMIA entirely with web technologies,HTML, CSS, and JavaScript. I even coded it on my phone using Acode, so I could test it directly on mobile. The design is modern and glassy, with a translucent look, and the site is built to fit any phone screen. The XP system, leaderboard, and search safety all run on JavaScript without needing a server , so everything works instantly.

Challenges we ran into

It wasn’t all smooth sailing. Some of the problems were: Making the site truly mobile-friendly Figuring out how to keep the search safe while still letting students explore Designing the leaderboard so it feels fair and motivating Making everything work without any backend or database But each problem taught me something new about building useful, practical websites.

Accomplishments we’re proud of

We built a fully functional learning hub that students can actually use The XP and leaderboard system makes it fun and engaging We added content safety features to protect students The design is modern and sleek, it feels like a real app And most importantly, it’s ready to use today.

What we learned

Simplicity is key- you don’t need complicated systems to make something useful Mobile-first design is essential - most students will use it on phones Gamification can really motivate students to learn consistently Safety matters- you can’t just give students open access to everything Web apps can actually make a real difference without expensive hardware

What’s next for ATLAS ACADEMIA

I want to take it even further: Make it work offline like a real app Turn it into an APK so students can install it Add quizzes and progress tracking Expand the leaderboard to include class or school-wide competition Work with teachers to link it even closer to what’s taught in class Basically, the goal is to make ATLAS ACADEMIA a tool that students actually want to use, that helps them learn better, and that can grow with the school.

Built With

• acode
• chrome
• css3
• html5
• javascript
• mobile
• weblinks