/SPS-V2-FE

Primary LanguageJavaScript

SPS School Accounting Software

SPS School Accounting Software is a Python-based backend application designed to streamline the process of collecting, managing, and processing school fees in secondary schools. This software aims to assist school staff, especially accountants, by reducing paperwork and automating manual calculations traditionally done in tools like Excel.

Screen Recording 2023-12-25 at 11 11 49 AM

Features

  • Fee Collection: Effortlessly collect school fees from students.
  • Fee Management: Organize and manage fee data efficiently.
  • Automated Calculations: Save time with automated calculations for accurate financial records.
  • User-Friendly Interface: Intuitive interface for easy navigation.

Getting Started

Prerequisites

Prerequisites

  • Node.js (version 14 or later)
  • Yarn (preferred package manager for this project)

This project is built using React, a popular JavaScript library for building user interfaces. Make sure you have Node.js installed on your system before proceeding with the setup.

Installation

  1. Clone the repository:

    git clone https://github.com/your-username/SPS-School-Accounting-Software.git
    cd SPS-School-Accounting-Software
    
  2. Install dependencies using Yarn:

    yarn install
    
  3. Start the development server:

    yarn start
    

The application should now be running on http://localhost:3000.

Note: We use Yarn as our package manager for this project. If you don't have Yarn installed, you can install it by following the instructions at https://yarnpkg.com/getting-started/install.

Debugging

To start debugging the application, you can begin by examining the App.js file. This is typically the main component of a React application and serves as a good entry point for understanding the overall structure of the project.

To open the debugger:

  1. In your code editor (e.g., VS Code), open the App.js file.
  2. Set breakpoints in the code where you want to pause execution.
  3. Use your browser's developer tools (usually accessible by pressing F12) to step through the code and inspect variables.

Remember to check the console for any error messages or logs that might help in identifying issues.