talatghafoor/DRF_React

Student Management System - Django Rest Framework API and React Frontend

Overview

This project is a Student Management System implemented using Django Rest Framework for the backend API and React for the frontend. The API provides functionalities to add, edit, view, and delete student records.

Prerequisites

Before running the application, ensure that you have the following software installed on your system:

• Python
• Node.js
• npm (Node Package Manager) - installed with Node.js
• Django
• Django Rest Framework
• React

Backend Setup

1. Open a terminal and navigate to the backend directory.

2. Install the required Python packages:

   pip install -r requirements.txt

3. Apply the database migrations:

   python manage.py migrate

4. Run the Django development server:

   python manage.py runserver

   The backend API should now be accessible at http://localhost:8000/.

Frontend Setup

1. Open a new terminal window and navigate to the frontend directory.

2. Install the required Node.js packages:

   npm install

3. Start the React development server:

   npm start

   The React frontend should now be accessible at http://localhost:3000/.

Application Architecture

Snaps