/Grades-Project

Primary LanguageJavaScript

🌟 Introduction

Welcome to our React project! This application is designed to manage and display statistical data for various subjects. It's built using React and Material-UI, featuring a simple yet effective interface for data input, visualization, and management.

d792d1c7-bc05-47cc-becd-d361eb4dfed7.mp4

🚀 Features

  • Home Page: Displays statistics and entries in tabular form. Users can view mean, median, standard deviation of subjects and manage entries.
  • Input Page: Allows users to add new data entries for subjects.
  • Navigation: Easy navigation between the Home and Input pages using React Router.
  • Data Management: Options to add new data and delete existing records.

🛠️ Installation & Setup

  1. Backend Setup

    • Open a terminal and navigate to the server-side directory.
    • Run the backend server: 
      node app.js

  2. Frontend Setup

    • Open another terminal run ,navigate to the client-side folder and run:
    • Install dependencies: 
      npm install
    • Run the application: 
      npm start

📄 Usage

  • Navigate through the app using the navbar at the top.
  • View statistics on the Home Page, presented in a clean table format.
  • Add new data by navigating to the Input Page and filling in the form.
  • Delete data directly from the Home Page using the delete button in the table.

📚 Database

This project uses SQLite as its database solution due to its simplicity and ease of use. SQLite offers a lightweight, file-based approach, making it an excellent choice for small to medium-sized applications like this one.

🧰 Built With

  • React.js - A JavaScript library for building user interfaces.
  • Material-UI - A popular React UI framework.
  • React Router - For seamless navigation between components.
  • SQLite - A C-language library that implements a small, fast, self-contained, high-reliability, full-featured, SQL database engine.

🌟 Usage Idea

This application is ideal for educators and students to track and analyze academic performance across various subjects. It provides an easy way to input, view, and manage grades or other performance metrics, offering valuable insights through statistical analysis. Its intuitive design makes it accessible for users with any level of technical expertise.

📚 License

Distributed under the MIT License. See LICENSE for more information.

🌟 Happy Usage! 🌟