Scholarchy

School Management System!

About

Scholarchy website is an innovative online platform designed to enhance the educational experience by simplifying access to educational resources and administrative services. It empowers administrators to efficiently manage school data, including a feature that allows bulk student data entry via Excel. The platform streamlines daily attendance tracking, automatically compiling the data into comprehensive records, which in turn simplifies report card creation. Additionally, it provides students with easy access to their exam scores and the ability to print their report cards. Scholarchy is the perfect solution for managing a school system effectively.

Account

• siswa

~ nis : 20240031

~ password : 2000-05-31

Features

• Admin

1. Mengelola Data Siswa, Guru, Kelas, Mata Pelajaran, Kelas, dan Jadwal
2. Cetak Rekap Nilai dan Absen
3. Upload dengan Excel serta export ke excel dan print

• Guru

1. Mengelola Data Nilai Pertemuan
2. Cetak Rekap nilai pertemuan
   ~ Extra fitur Guru sebagai wali kelas ~
   
3. Mengelola data Siswa, Absen Harian, dan Nilai Ujian
4. Cetak Rekap Nilai Ujian dan Absensi
5. Cetak Rapor

• Siswa

1. Cetak Rapor

Screenshots

• Admin

• Guru

• Siswa

The dependencies that this project uses:

Frontend

-vite For building and bundling the application

-react-router-dom: For routing

-tailwind: for stayling

-React Hook Form : For Form validation

-axios: For making HTTP requests

-rechart js: For making chart

-Redux Toolkit : For State management feature

-cookie : For authentication

-Sonner : For toast notification

Backend

-express: For creating the server

-mongoose: For interacting with MongoDB

-cors: For handling Cross-Origin Resource Sharing

-dotenv: For managing environment variables

-bcryptjs: For hashing passwords

-jsonwebtoken: For authentication

-nodemon: For automatic server restarts during development

-multer: for upload and donwload file

-aws: for upload and download image

Getting Started

Prerequisites

Before you begin, ensure you have the following installed on your machine:

• Node.js: Download and install Node.js
• npm: Node.js package manager (comes with Node.js installation)

Getting Started

1. Clone the repository:

   git clone https://github.com/anwarhakim31/School-Management.git

2. Navigate to front project directory:

   cd School-Management

3. Navigate to backend directory and install depedencies

   cd backend
   npm install

4. Navigate to frontend directory and install depedencies

   cd ..
   cd frontend
   npm install

Setup Environment

1. Create a .env file in the root backend of your project.

   PORT=

   JWT_KEY=

   ORIGIN="http://localhost:5173"

   DATABASE_URL=

   AWS_ACCESS_KEY_ID=

   AWS_SECRET_ACCESS_KEY=

   AWS_REGION=

   AWS_S3_BUCKET=

2. Create a .env file in the root frontend of your project.

   VITE_SERVER_URL = "http://localhost:8080"

Development

1. To start the server, run:

   npm run dev

2. To start the frontend, run :

   npm run dev

Deployment

Deploy the dist directory to your hosting platform of choice.