Nihongo-Dojo

• A Japanese Language learning platform

Live_site: https://nihongo-dojo-client.vercel.app

Run the Project Locally

1. Clone the Repository:

     https://github.com/mohaiminul375/nihongo-dojo-client
     cd nihongo-dojo-client

2. Install Dependencies:

   npm install

3. Set Up Environment Variables: Create a .env.local file in the root directory and add the necessary environment variables. (Important!)

4. Run the Application:

   npm run dev -- --host

5. Access the Site: Open your browser and go to `http://localhost:3000.

website features

• Default User:

• Login Redirect: Upon visiting the website, users are redirected to the login page.

• Lesson Page: After logging in, the user is redirected to the lesson page, where they can learn Japanese vocabulary.

  • Each lesson contains a set of vocabulary items.
  • Users can click on any vocabulary item to hear the pronunciation - - (speaks the word aloud).
  • Users can track their progress as they learn.

• Tutorials: There is a tutorial page where users can access YouTube videos to help them understand the learning process better.

• Admin

• Admin Dashboard: Admins are redirected to the admin dashboard after logging in. -Admins can manage YouTube tutorials by adding, editing, and deleting them.

  • Admins can add, edit, and delete lessons.
  • Admins can add, edit, and delete vocabulary items for each lesson.
  • Admins can manage users, including promoting or banning users as necessary.

Upcoming features 2.0

• Default User:

• More Interactive Lesson Page: Enhanced lesson pages with interactive elements for better learning engagement.

• User Profile: Users can view and update their information, including progress tracking.

• Admin:

• Admin Dashboard: Expanded features for managing users, lessons, and tutorials, including adding, editing, and deleting content.

Access Info

• Admin email: admin1@nihongo.com
• Admin password: admin@A1

Technology

• HTML, CSS, ShadCn, Next.js, Typescript (Front-End)
• Express.js, MongoDB,JWT(Back-End)
• Custom Authentication

npm and Packages

• Next.js
• Typescript
• ShadCn
• RadixUi
• Lucide (icon)
• React hook form
• react hot toast
• sweet alert 2
• npm i react-confetti
• axios

Server Side

• https://github.com/mohaiminul375/nihongo-dojo-server