This project is a full-stack web application focused on learning and practicing Japanese grammar concepts. The primary goal is to demonstrate clean application architecture, data flow, and frontend–backend interaction rather than delivering a finished consumer product.
The project is intended as a showcase / portfolio project, with emphasis on structure, maintainability, and use of modern tools.
- Backend: C# / .NET REST API
- Frontend: React (JavaScript)
- Database: SQL (Azure-hosted)
- Hosting / Cloud: Microsoft Azure
- CI/CD: GitHub Actions
- Architecture: Client–server separation, RESTful API design
- Version Control: Git / GitHub
- REST API structure for grammar items and learning content
- React frontend with basic navigation and component layout
- API integration layer between frontend and backend
- Azure-hosted deployment for frontend, API, and database
- CI/CD pipeline using GitHub Actions for build and deployment
- Project organized with scalability and future extension in mind
Note: Persistent data and full learning content are intentionally not implemented yet. Data sources are stubbed or planned to keep the focus on application structure, deployment, and interaction patterns.
The project is approximately 60% complete.
Core architecture, deployment setup, and communication between frontend and backend are in place. Remaining work mainly involves data modeling and UI polish. Data population is not included.
The repository is maintained as a learning and portfolio project, not a production-ready application.
With that said, it needs some proper cleanup and a little bit of refactoring especially with naming fuctions and variables.
The goals of this project were to:
- Practice building a REST API using C# and .NET
- Work with a modern React frontend
- Deploy and host a full-stack application using Azure
- Set up a CI/CD pipeline with GitHub Actions
- Apply clean separation of concerns between layers
- Maintain a real-world project under version control from start to finish