Made by Route-66
Learn geography the easy way
We had a few different ideas but one member of the team suggested a duolingo-style game. We decided to create it based on Geography as it was the subject with the most pictures, diagrams and can also be fun and interactive. The app’s initial page is a sign in/sign up option where the user can sign into your own account via a unique username – this will allow the user to continue with their progress. The user can also login as a guest but they will not have their data saved and they will have to begin fresh. The user can then view their profile by clicking their avatar and from there they can see their score, change their avatar and view their level for the nature and territories’ sections. Throughout the app, the user can change the theme of the app to light or dark mode depending on their preference. The app has a ‘learn’ section which can be filtered based on continents in a drop-down menu. Each continent has different sections: landscape, mountains, water bodies and country information. These learning cards have a flip animation which shows the information for that specific item. The user can then navigate to the homepage and start taking a quiz filtered either by a continent or the world where the questions are not specific to a region. The quizzes are arranged by levels of ‘Beginner’, ‘Intermediate’ and ‘Advanced’ where the user may only select the intermediate or advanced once the previous levels have been completed. Each quiz has 3 stages and each stage corresponds to a type of question. Stage 1 contains multiple-choice questions, stage 2 contains matching-pairs questions and stage 3 contains click-on-the-map questions. Again, stage 2 and 3 cannot be attempted until the previous stages have been completed. Users can also view the leaderboard and see how they rank compared to other players. The technologies we’ve used for this app are Node and Express for backend and Next and Tailwind CSS for frontend. It is a fun and engaging game with lots to learn and new skills to develop.
The Team
Sofiia Madryha
I’m a Frontend Developer with over a year of hands-on…
experience building responsive, accessible, and user-friendly web applications. I specialise in modern technologies such as React, TypeScript, and JavaScript, and I care deeply about clean, maintainable code and scalable design systems. Currently, I’m expanding my knowledge through a Software Engineering bootcamp at Northcoders, where I’m deepening my understanding of full-stack development, backend technologies, and engineering best practices.
Mohammed Humadi
I’m a software developer driven by a passion for solving…
complex problems through code. After gaining experience in the chemical engineering field, I was inspired by the dynamic nature of the tech industry to pivot my career. Developing proficiency in programming languages has allowed me to unlock my creative potential by building efficient code. My technical background has given me a unique advantage when navigating complex systems. I am excited to take the next steps in my career and develop in the technology industry.
Catarina Sapateiro
I’m a junior software developer based in London with a…
previous professional background in landscape architecture and deeply interested in nature conservation.
Wai Yan Sze
I’m passionate about continuous learning and using…
technology to improve user experiences and business performance. Currently upskilling in software development and UX design, I bring over 10 years of experience in digital marketing, content creation, and project management across various industries. I have led operations, developed creative solutions, and communicated effectively across cross-functional teams. Now, I am seeking a digital or tech-focused role that bridges creativity with problem-solving.
Nayden Hristov
Being part of Northcoders Software Development Bootcamp let…
me dive deep into learning the concepts and best practices of Web Development. In the years since my graduation at Technical University – Sofia, I have maintained my passion and dedication to programming, even though I have never worked as a software developer. I tried to keep up with new technologies by taking part in various courses and in some projects as a freelancer. I will be more than happy to transfer my skills and knowledge into a real software development role that will give me a chance to learn new things, gain experience and be involved in exciting projects.
Phone Sett Paing
I am a driven and enthusiastic Junior Software Developer…
with hands-on experience and industry-focused training from the Northcoders bootcamp. My journey into coding began after learning about the impact of data analysis on business growth, which led me to explore data skills. During that process, I discovered a deeper interest in software development and its creative, problem-solving challenges—prompting my transition into tech. I bring a strong technical foundation alongside excellent communication and teamwork skills developed through previous customer-facing roles. I am eager to contribute to a collaborative development team and continue growing as a developer.
Tech Stack
We used Node.js and Express.js for backend, Next.js and Tailwind CSS for frontend. For backend we used Node.js as it has fast a huge library of open-source packages and we used Express.js because it is simple to use yet a very powerful tool. For frontend we used Next.js because of the easy-to-use API routing, supports server-side rendering and because of the fullstack capabilities. We used Tailwind CSS for the styling as it is simple but enough functionality to utilise it effectively and get the app looking how we want.
Challenges Faced
The database structure was redesigned a few times to be more compatible with the frontend requests. The quiz questions were also fairly difficult to implement.