Mastery Online

• 

  This is an example of one of our topics code

• 

  This is our Main App.js file

• 

  This is our home page

• 

  Sign In page

• 

  Logged in page

Inspiration

As rising high schoolers, we were inspired to create a resource hub to bridge gaps in traditional learning and provide our peers with accessible, high-quality resources tailored to their unique needs. By leveraging our firsthand experience, we aim to foster a supportive community that empowers students to excel academically and prepare effectively for the future.

What it does

Our program is an education hub where you can browse for learning resources by topic. Including Science, Math, Coding, and Languages, you can easily find help on subjects you may be struggling with, or simply want to get ahead in.

How we built it

We used React.js for the hardest parts of our code, which were mostly based on routing. Integrating our own module for help with authentication, we were able to deftly complete the rest of our site using XML and Javascript for our backend and CSS as our frontend, we were able to style this website.

Challenges we ran into

We faced several code-related challenges, such as with React.js, where we encountered a challenge routing issue, which we expertly resolved by updating our Yarn package and integrating router tags. Additionally, we faced a significant obstacle with authentication due to difficulties installing the React authentication package. Demonstrating our ingenuity, we overcame this by developing our custom authentication module, ensuring a seamless and secure user experience.

Accomplishments that we're proud of

We are extremely proud of completing this full day, especially considering we had our 8th-grade promotion late last night. Competing on the same level as high schoolers is already an inspiring feat in our eyes, and we will be leaving this competition with our heads high no matter what happens as this experience was astounding.

What we learned

From this project, we learned the importance of collaboration among our peers, learning from our code and modules to improve, and how to get help from our online friend, ChatGPT, to clarify issues.

What's next for Mastery Online

Currently, we have Math, Science, Coding, and Language as our subjects for inquiring, but we have space in our website to add more topics in the future as needed.

Built With

• auth
• javascript
• json
• postcss
• react
• tailwindcss
• xml