Take a Break Reminder App

Take a break Reminder is an application that aims to remind you of the importance of taking time to do what you want to take a break from your work schedule! Our main goal is teach you how to develop an application using Microsoft Graph JavaScript SDK with Next.js.

🚀 Resources Used

• Visual Studio Code
• Microsoft Teams
• Microsoft 365 Developer Program
• Microsoft Graph
  • Microsoft Graph JavaScript SDK
• Node.Js 16.x
• Next.Js

🔥 How to Run the Application Locally?

1. First go to the folder: demo-02 -> reminder-app and run the command:

npm install

2. Now create a file called: .env.local (root of the project) and include this information below:

AZURE_AD_CLIENT_ID=<copy Application (client) ID here>
AZURE_AD_CLIENT_SECRET=<copy generated client secret value here>
AZURE_AD_TENANT_ID=<copy the tenant id here>
NEXTAUTH_URL=http://localhost:3000
NEXTAUTH_SECRET= # Linux: `openssl rand -hex 32` or go to https://generate-secret.now.sh/32

3. Now you can execute the command:

npm run dev

4. Now you can access the application in the browser: http://localhost:3000

📚 How to Follow the Tutorial?

To follow the tutorial, you can access the link below:

• Tutorial: Take a Break Reminder App

⭐️ Important Resources

• ✅ Free Courses - Microsoft Graph
• ✅ Microsoft Graph Fundalmentals
• ✅ Access a user's calendar events in a JavaScript app with Microsoft Graph
• ✅ Show a user's emails in a JavaScript app with Microsoft Graph
• ✅ Download and upload files in a JavaScript app with Microsoft Graph
• ✅ Access user photo information by using Microsoft Graph
• ✅ Configure a JavaScript application to retrieve Microsoft 365 data by using Microsoft Graph
• ✅ Build apps with Microsoft Graph – Associate
• ✅ Microsoft Graph Documentation
• ✅ Graph Explorer
• ✅ Microsoft Graph JavaScript SDK

❓ Questions? Comments?

If you have any questions about the code developed, feel free to open an ISSUE HERE. We'll get back to you soon!