Dojo Interativo is an interactive landing page designed to teach the Japanese language through Karate-related content. The project uses cultural context, simple games, and visual associations to make learning more engaging, intuitive, and meaningful.
By combining martial arts, education, and technology, the platform presents Japanese language concepts in real Karate situations, reinforcing learning through practice and repetition.
The goal of Dojo Interativo was to teach basic Japanese in a contextualized and interactive way, connecting language learning with real Karate environments such as dojo commands, techniques, belt ranks, and Japanese philosophy. Through gamification, the learning process becomes more natural and motivating.
This project is aimed at Karate practitioners of all levels, children and teenagers, people interested in Japanese culture, and learners who prefer interactive and game-based educational experiences.
The landing page presents the educational proposal, introduces Japanese language concepts applied to Karate, showcases interactive game previews focused on vocabulary and pronunciation, highlights Karate culture and philosophy, and offers a fully responsive and clean user interface for both desktop and mobile devices.
The project was developed using Angular 19.2.8 as the main framework, with TypeScript as the core language, HTML5 for structure, CSS3 and SCSS for styling, and Angular CLI for project management.
To run the project locally, make sure Node.js (LTS version recommended) is installed on your machine. Install the Angular CLI globally using the command below, clone the repository, install the dependencies, and start the development server.
npm install -g @angular/cli
git clone https://github.com/johanpq/Karate-LandingPage.git
npm install
ng serve
Access the demo here
This project is licensed under the MIT License.