Overview of Project ☁️

Scenario

A company wants to build a secure web application where users can create and manage personal notes. Since the app will handle user-specific data, it needs a reliable authentication system to ensure that only authorized users can access their information.

To support this, the application needs to:

• Allow users to securely sign in.
• Restrict access to authenticated users only.
• Ensure each user can access only their own data.
• Follow a structure similar to real-world applications.

Our Solution

We’ll build and deploy a Secure Notes Application on Microsoft Azure that:

• Uses Azure App Service to host the application.
• Integrates Microsoft Entra ID for authentication.
• Implements a Node.js backend to handle user sessions and logic.

This approach ensures the application is:

• Secure – only authenticated users can access the app.
• User-aware – data is tied to individual users.
• Cloud-ready – built using real Azure services.

About the Project

In this project, you’ll learn how to implement authentication and access control, which is a critical part of modern applications.

• Most real-world apps require users to log in.
• Authentication systems control who can access what.
• Secure apps protect user data and sessions.

You’ll learn to:

• Integrate Microsoft Entra ID into an application.
• Build protected routes that require login.
• Manage authenticated user sessions.
• Design applications with security in mind.

By the end, you’ll have hands-on experience building a secure, real-world style application on Azure.

Steps To Be Performed 👩‍💻

1. Register an application in Microsoft Entra ID.
2. Configure authentication for your app.
3. Build the backend with protected routes.
4. Deploy the application to Azure App Service.
5. Test login, logout, and access control.

Services Used 🛠

• Azure App Service → Hosts the application.
• Microsoft Entra ID → Handles authentication.
• Backend (Node.js + Express) → Business logic and user handling.
• Frontend (HTML/CSS/JS or React) → User interface.

Estimated Time & Cost ⚙️

• Estimated time: ~2 hours
• Cost: ~$0 (within free tier usage)

➡️ Architectural Diagram

This is the architectural diagram for the project:

➡️ Final Result

A fully functional, secure notes application where:

• Users can sign in using Microsoft
• Only authenticated users can access the app
• Each user can create and view their own notes
• The application enforces proper access control

By the end, you’ll have a real-world style secure application that demonstrates how authentication is implemented in cloud-based systems.