Introducing: MacLearn 2.0

We've rebuilt every bit of MacLearn from the ground up with the modern JavaScript library React instead of vanilla plain JavaScript to massively improve the app's interactivity and performance so your learning experience on MacLearn can be smoother than ever. Because React is so scalable and flexible, we won't have to fundamentally change how MacLearn works again, which means no more "biggest update ever!". This also changes the structure of the files and data and how everything's rendered, so a lot of bugs are also removed. React is built for app interactivity, so all the features on MacLearn such as quizzes, code lab, search, favorite, etc will be faster and smoother than ever. This change also makes the development of the app more manageble and improves the scalability of the code, which means we can push out updates with more features and consistency in the future! Changing to a different programming language also unlocks a bunch of new features for us, such as adding subtle animations across MacLearn so your learning experience is more interactive 🔥!

Because we were already redeveloping the app from scratch, we used the freedom to do whatever we wanted with the app to also completely redesign MacLearn's user interface so it's easier to use and look more visually appealing and modern. Every page across the platform is now darker, sleeker, and more consistent with other elements on the page! Better colors, spacing, layout, and typography will ensure you get the best experience reading articles and navigating between apps! We've removed a bunch of outdated content and replaced it with new up to date pages for better learning resrouces. Not only that, we redesigned MacLearn's logo as well to honor this version 2.0 milestone. We removed the white hexagon from the logo so it's just a simple blue rounded square with a book 🖌️!

We're aiming to make all MacWeb apps consitent, which not only incldues the overall design, but also the page elements and features. We revamped all the outdated article buttons (favorite, share, report) so they work more seamlessly and fit with the new design better! We've introduced a new navigation bar and a new footer across MacWeb apps with the transition to using React, and that includes MacLearn too. You can now toggle the site between light and dark modes directly with the sun icon on the top right to customize the site to fit your likings better! This makes the site more accessible because everyone has different preferences and we're working hard to satisfy everyone's needs at once. You can also click on the GitHub icon next to the light mode toggle to view MacLearn's source code, and you're more than welcome to contribute either by submitting an issue or a pull request! We've also made the site's navigation more accessible to everyone by putting MacLearn tabs, information links, other MacWeb apps, our social links, and credits to the new footer at the bottom of every page 💡!

We updated a bunch of tabs and pages on MacLearn while transitioning the app to React. We added an accordion element on course pages so you can show and collapse each unit of the course with the articles and quizzes clearly listed out in order! The me page also has the new accordion for saved articles and pages. On top of that, the recent actvities section on the me page now also displays recently viewed quizzes 📖.