Angular - Surface SharePoint List Data With MSGraph - Part 2 - Create the App
Overview
This Project was discontinued mid 2021!
Leaving here for reference!
Please Note!
One of the dangers in writing a tutorial like this is that by the time you are finished writing it, there is a new revision to the libraries you are using. So please be aware that you may run into issues, that you will need to resolve yourself, if you use a different version of the libraries than what I am using.
Benefits
- Does not require registration with the SharePoint App Catalog.
- Hosted outside of SharePoint.
- Allows switching between Light and Dark Modes.
- Authenticate and Authorize Users to Azure Active Directory.
- Easy integration with Microsoft O365 family of products such as Word and Excel.
Requirements
- My editor of choice is Visual Studio Code , (you can use whatever editor you like)
- Angular Cli
- Node (Latest LTS Version)
- Node Package Manager (npm)
- Azure
- Microsoft Graph Client - JavaScript SDK
- Google Material Icons
- Google Material Design Homepage
- Github
What are we developing!
Create an Angular app that surfaces SharePoint list data.
On the cmd line type: ng new coffeeManager
We definitely want routing, answer the other two questions however you see fit:
Once the installation is complete type: ng serve
Your screen should look like the following!
Our goal is to make our app look like the following screen shots!
Dark Mode
Light Mode