Skip to content

minhtrifit/slearninglab-client

Repository files navigation

SLEARNING LAB DOCUMENTATION

GitHub code size in bytes

Thumbnail

🎓 📚 Education & Learning support project app inspired from Google classroom

This project includes two repository (Client and Server), you can checkout server repository

💻 Technical Stack

react redux tailwind typescript

  • React.js - The library for web and native user interfaces
  • Redux Toolkit - The official, opinionated, batteries-included toolset for efficient Redux development
  • Tailwind CSS - Rapidly build modern websites without ever leaving your HTML
  • TypeScript - JavaScript with syntax for types.

⚙️ Config .env file

Config .env file in root dir with path ./.env

VITE_API_URL=yourserverurl
VITE_CLOUDINARY_PRESETNAME=yourcdrpresetname
VITE_CLOUDINARY_APIKEY=yourcdrapikey
VITE_CLOUDINARY_CLOUDNAME=yourcdrcloudname

📦 Installation

Intall packages & dependencies

npm install

Or install packages with legacy peer dependencies.

npm install --legacy-peer-deps

Run client project (supported by Vite)

npm run dev

⚡️ Project Showcase

Login Page:

  • Using JWT Authentication

Login

Home Page:

  • Project stats showcase
  • DnD Calender
  • DnD To do list

Home

Home

Home

Class Page:

  • 👨‍🎓 Student role: View class can join, joined classes.
  • 👩‍🏫 Teacher role: View class that them manage.

Class

Exam Page:

  • 👨‍🎓 Student role: Do quiz test created by teacher.
  • 👩‍🏫 Teacher role: Create quiz for student.

Exam

Exam

Exam

Exam

Exam

Chat Page:

  • 👦👧 User role: Real time chat

Chat

Document Page:

  • 👨‍🎓 Student role: Uploaded pdf documents.
  • 👩‍🏫 Teacher role: Downloaded documents.

Document

Document

Profile Page:

  • 👦👧 User role: Searching for other user activity.

Profile

Profile

▶️ YouTube Demo

Thumnail

💌 Contact

CopyRight© minhtrifit

About

Teaching & Study Training Application

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors

Languages