Building a Cloud-Based Student Assignment Submission Portal Using Microsoft Azure

How I developed a secure, AI-powered assignment management system using React, Node.js, Azure SQL, Azure Blob Storage, and Azure AI Document Intelligence.

Introduction

Managing student assignments through emails, messaging apps, or printed copies can quickly become disorganized. Lecturers spend valuable time searching for files, tracking deadlines manually, and maintaining separate grading records, while students often have no clear way to verify whether their assignments have been received.

To solve these problems, I developed a Cloud-Based Student Assignment Submission Portal using Microsoft Azure. The system provides a centralized platform where students can upload assignments securely, and lecturers can review, manage, and grade submissions efficiently with the help of cloud services and AI.

Why This Project?

The goal was to replace traditional assignment submission methods with a modern cloud-based solution that offers:

• Secure file uploads
• Automatic submission tracking
• Centralized database management
• AI-powered document preview
• Faster grading workflow

Instead of relying on multiple tools, everything is managed in one web application.

Technologies Used

This project combines modern web technologies with Microsoft Azure.

• React.js
• Node.js & Express.js
• Azure SQL Database
• Azure Blob Storage
• Azure AI Document Intelligence
• JWT Authentication
• bcrypt Password Encryption

Each Azure service plays a specific role, from securely storing files to extracting text from uploaded documents.

Key Features

The portal provides different functionality for students and lecturers.

Students can:

• Register and log in securely
• Select courses and assignments
• Upload assignment files
• View submission status

Lecturers can:

• Access submitted assignments
• Download uploaded files
• Preview extracted document text
• Grade assignments efficiently

One of the standout features is the integration of Azure AI Document Intelligence, which automatically extracts text from uploaded PDF documents. This allows lecturers to quickly preview assignment content before downloading the full document.

How the System Works

The submission process follows a simple workflow:

1. Student uploads an assignment.
2. The backend validates the request.
3. The file is stored in Azure Blob Storage.
4. Azure AI extracts the document text.
5. Submission details are saved in Azure SQL Database.
6. Lecturers review and grade the assignment.

This cloud-based workflow reduces manual effort while improving organization and accessibility.

What I Learned

Developing this project helped me gain practical experience in:

• Cloud Computing with Microsoft Azure
• React and Node.js development
• REST API development
• Azure Blob Storage
• Azure SQL Database
• AI-powered document processing
• Authentication and role-based access control

More importantly, it demonstrated how cloud services can solve real-world problems in education.

Final Thoughts

This project showed me how cloud computing can transform traditional academic workflows. By integrating Azure storage, databases, and AI services into a single application, I was able to build a practical solution that makes assignment submission and grading more efficient for both students and lecturers.

As cloud technologies continue to evolve, solutions like this will play an increasingly important role in modern education.

MicrosoftAzure #CloudComputing #ReactJS #NodeJS #WebDevelopment #FullStack #AzureSQL #BlobStorage #ArtificialIntelligence #StudentProject

Project Resources

📂 GitHub Repository: https://github.com/Ahunah/assignment-portal