An open API service indexing awesome lists of open source software.

https://github.com/rahmankarim/school-management-system

The School Management System is a robust web application built with the MERN stack (MongoDB, Express.js, React.js, Node.js) designed to facilitate seamless management of educational operations.
https://github.com/rahmankarim/school-management-system

backend css express html javascript jquery mern-project mern-stack mern-stack-development mongodb mongoose node reactjs typrescript vite

Last synced: 5 months ago
JSON representation

The School Management System is a robust web application built with the MERN stack (MongoDB, Express.js, React.js, Node.js) designed to facilitate seamless management of educational operations.

Awesome Lists containing this project

README

          

# About this project

The School Management System is a robust web application built with the MERN stack (MongoDB, Express.js, React.js, Node.js) designed to facilitate seamless management of educational operations. It features user authentication and role-based access, allowing Admins and Moderators to manage system-wide functions and settings, while Students can access their personal information. The application includes a dynamic dashboard tailored to different roles—Admin, Teacher, and Student—enabling efficient management of user data, class details, and academic performance. With its modern interface and scalable architecture, the system aims to streamline administrative tasks and enhance the overall efficiency of school management.

# React + TypeScript + Vite

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh

## Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

- Configure the top-level `parserOptions` property like this:

```js
export default tseslint.config({
languageOptions: {
// other options...
parserOptions: {
project: ["./tsconfig.node.json", "./tsconfig.app.json"],
tsconfigRootDir: import.meta.dirname,
},
},
});
```

- Replace `tseslint.configs.recommended` to `tseslint.configs.recommendedTypeChecked` or `tseslint.configs.strictTypeChecked`
- Optionally add `...tseslint.configs.stylisticTypeChecked`
- Install [eslint-plugin-react](https://github.com/jsx-eslint/eslint-plugin-react) and update the config:

```js
// eslint.config.js
import react from "eslint-plugin-react";

export default tseslint.config({
// Set the react version
settings: { react: { version: "18.3" } },
plugins: {
// Add the react plugin
react,
},
rules: {
// other rules...
// Enable its recommended rules
...react.configs.recommended.rules,
...react.configs["jsx-runtime"].rules,
},
});
```