How to use the Admin Panel
A quick guide to managing your lessons and students.
Overview
The admin panel has two tabs at the top:
- Lessons — create and edit your grammar lessons
- Students — manage who can access the lessons and how far they can see
Everything you change here is saved immediately to the website. Your students will see the changes the next time they open the lessons page — no need to upload or deploy anything.
Managing Lessons
Viewing your lessons
When you open the admin panel, you'll see a list of all your lessons. Each one shows the lesson number, the Japanese title, the English title, the JLPT level, and how many sections it has.
Editing a lesson
Click on any lesson in the list to open it. You'll see a form with:
- Number — the lesson number (e.g. 9, 10, 11)
- Japanese title — the title in Japanese characters (e.g. ćŻčź)
- Kana — the reading in hiragana (e.g. ă˛ăă)
- English title — the English translation (e.g. Comparison)
- Level — the JLPT level: N5, N4, or N3
- Overview — a short summary of what the lesson covers
Below the lesson details, you'll find the sections and examples.
What are sections and examples?
Each lesson is built from sections (grammar points), and each section contains examples (practice sentences).
For example, Lesson 9 (Comparison) has these sections:
- â A 㯠B ăăâŚă§ă
- ⥠A 㨠BăăŠăĄăăâŚă§ăă
- ⢠A 㨠B 㨠C ăŽä¸ă§âŚ
- ⣠[category] ă§ăä˝ăăăĄă°ăâŚă§ăă
Each section has a title, an optional pattern (the grammar formula), an optional use description, and one or more example sentences.
Each example sentence has four parts: the Japanese text, the kana reading, the romaji pronunciation, and the English meaning.
Editing sections and examples
- Click on a lesson to open it
- Scroll down to see the sections
- Change any text in the fields you want to update
- To add a new example to a section, click + Add example inside that section
- To remove an example, click the â button next to it
- To add a new section, click + Add section at the bottom
- To remove a section, click Remove in the top-right corner of that section
- When you're done, click Save lesson
Tip: You can make multiple changes to sections and examples before saving. Everything is saved at once when you click "Save lesson".
Creating a new lesson
- Click the + New lesson button at the top
- Fill in the lesson number and titles
- Add sections and examples
- Click Save lesson
The lesson number determines the order on the lessons page. If your latest lesson is 16, the next one would be 17.
Deleting a lesson
Open a lesson and click Delete lesson at the bottom. You'll be asked to confirm. This removes the lesson and all its sections and examples permanently.
Be careful: deleting a lesson cannot be undone. All sections and examples inside it will be removed too.
Managing Students
Adding a student
- Click the Students tab at the top
- Click + Add student
- Fill in their name and email address
- Choose "Visible up to" — this controls how many lessons the student can see (more about this below)
- Click Save
What does "Visible up to" mean?
This setting controls which lessons a student can see on the lessons page. For example:
- Lesson 11 — the student sees lessons 9, 10, and 11 only
- Lesson 14 — the student sees lessons 9 through 14
- All lessons — the student sees everything
This is useful when you want students to focus on the lessons they've covered in class, without being overwhelmed by future material.
As a student progresses, you can increase this number so they can see the next lesson.
Updating a student's progress
When a student is ready for the next lesson:
- Go to the Students tab
- Click Edit next to the student's name
- Change "Visible up to" to the new lesson number
- Click Save
The student will see the new lesson the next time they open the lessons page.
Removing a student
Click Remove next to the student's name and confirm. The student will no longer be able to log in to the lessons page.
About Cloudflare Sync
Your website uses Cloudflare to control who can log in. When you add or remove a student in the admin panel, the system can automatically update Cloudflare's login list so the student can (or can no longer) sign in.
If this has been set up, it happens automatically. If not, Jonas can configure this for you.
The Sync with Cloudflare button manually updates the login list with all the student emails from the admin panel. You normally don't need to use it, but it's there as a backup if something seems out of sync.
General Tips
- Always click Save after making changes — changes are not saved automatically
- You can have the lessons page open in another browser tab to check how your changes look for students
- The admin panel works on your phone too, but editing lessons is easier on a computer
- If something goes wrong, try refreshing the page. Your saved data is never lost
Need help? Contact Jonas if you run into any problems or if something doesn't work as expected.