Movatterモバイル変換


[0]ホーム

URL:


Skip to content

Navigation Menu

Sign in
Appearance settings

Search code, repositories, users, issues, pull requests...

Provide feedback

We read every piece of feedback, and take your input very seriously.

Saved searches

Use saved searches to filter your results more quickly

Sign up
Appearance settings

Includes code for an article by Juliet Ofoegbu on SitePoint. Forked with permission.

NotificationsYou must be signed in to change notification settings

sitepoint-editors/Edtech-Saas-frontend

 
 

Repository files navigation

Overview

This is thefrontend for theEdTech SaaS platform, a web-based application that facilitates communication between School Admins, teachers and students. The platform provides a dashboard for trackingacademic performance, event updates, and attendance records.

The frontend is built usingNext.js, ShadCN UI, and TailwindCSS, offering a seamless user experience with a modern UI. It integrates withAppwrite for authentication and data storage, andPermit.io for authorization.

Features

  • User Authentication & Role Management: Powered byAppwrite for authentication andPermit.io for fine-grained role-based access control (RBAC).
  • Multi-Tenant Support: Schools can manage their own students, teachers, and school Administrators within their unique environments.
  • Student & Assignment Management: Teachers can add students and assignments, track academic progress, and share performance reports.
  • Mobile-Responsive UI: Built withTailwindCSS for a fully responsive experience.
  • Containerized Deployment: Dockerized for ease of deployment and scalability.

Tech Stack

  • Frontend Framework: Next.js
  • UI Components: ShadCN, TailwindCSS
  • Authorization: Permit.io
  • Authentication & Backend Services: Appwrite (for database & API integration)
  • State Management: Zustand (with persistence enabled)
  • Containerization: Docker

Getting Started

Prerequisites

Ensure you have the following installed:

  • Node.js (v18+)
  • pnpm (preferred) or npm/yarn
  • Permit Account
  • Appwrite Project ID
  • Docker (for containerized deployment, optional)

Installation

Clone the repository and install dependencies:

# Clone the repositorygit clone https://github.com/your-repo/edtech-frontend.gitcd edtech-frontend# Install dependenciespnpm install# or npm install / yarn install

Environment Variables

Create a.env.local file in the root directory and configure the following:

NEXT_PUBLIC_APPWRITE_PROJECT_ID=your-appwrite-project-idNEXT_PUBLIC_APPWRITE_ENDPOINT=https://your-appwrite-instanceNEXT_PUBLIC_PERMIT_API_KEY=your-permit-api-key

Running the Development Server

Start the development server:

pnpm dev# or npm run dev / yarn dev

The application will be available athttp://localhost:3000.

The application Backend will be available athttp://localhost:8080.

Building for Production

To generate an optimized production build:

pnpm build# or npm run build / yarn build

To start the production server:

pnpm start# or npm start / yarn start

Docker Deployment

To run the app inside a Docker container:

docker build -t edtech-frontend.docker run -p 3000:3000 edtech-frontend

Contributing

We welcome contributions! Please follow these steps:

  1. Fork the repository and create a new branch.
  2. Implement your feature or fix.
  3. Ensure all tests pass (pnpm test).
  4. Open apull request with a detailed description of your changes.

Issues & Support

If you encounter any issues, feel free to open an issue in the GitHub repository or reach out to the maintainers.

License

This project is licensed under theMIT License. SeeLICENSE for more details.


About

Includes code for an article by Juliet Ofoegbu on SitePoint. Forked with permission.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages

  • TypeScript94.8%
  • CSS2.4%
  • Nix2.1%
  • JavaScript0.7%

[8]ページ先頭

©2009-2025 Movatter.jp