SharePoint Online
Microsoft's cloud-based collaboration platform, included with Microsoft 365. It provides a robust foundation for document management, content governance, and team workspaces — all hosted securely in the cloud.
- Centralized document libraries with version history and check-in/checkout
- Content types and managed metadata for consistent tagging
- Built-in search with Microsoft Graph-powered intelligence
- Native integration with Teams, OneDrive, and Power BI
- Granular permission management at list, library, and item level
- Modern communication and team sites with web parts
// SharePoint REST API — query a list
GET /sites/{site-id}/lists/{list-id}/items
?$select=Title,Status,AssignedTo
&$filter=Status eq 'Active'
&$orderby=Created desc
// Headers
Authorization: Bearer {token}
Accept: application/json;odata=nometadata
Power Apps
A low-code/no-code app development suite from Microsoft. Empower business users and citizen developers to build tailored applications that solve real-world problems — connected to your existing data.
- Canvas Apps: pixel-perfect UI built visually on a blank canvas
- Model-Driven Apps: data-first design from Dataverse schemas
- Power Apps Portals: external-facing websites for customers/partners
- Custom connectors to any REST/SOAP/OpenAPI service
- AI Builder: embed ML models like form processing & object detection
- Component libraries for reusable UI patterns across apps
// Power Apps formula — patch to SharePoint list
Patch(
TaskList,
Defaults(TaskList),
{
Title: txtTitle.Text,
AssignedTo: { Claims: "i:0#.f|membership|" & User().Email },
DueDate: datePicker.SelectedDate,
Status: "Active"
}
);
Notify("Task created!", NotificationType.Success);
Deep Customization
Both SharePoint and Power Apps expose rich customization surfaces — from column formatting JSON to full Power Apps forms — letting you tailor every interface to your business logic.
- Column formatting with JSON to apply conditional styles on list views
- Custom list forms in Power Apps with dynamic fields and business rules
- View-level filters, grouping, Gantt & calendar layouts
- Document library content types with linked Word/Excel templates
- Managed metadata taxonomy for consistent, searchable tagging
- Power Automate approval flows triggered on content changes
// Column formatting JSON — color-coded status
{
"elmType": "div",
"style": {
"background": "=if([$Status]=='Active','#00B4FF','#FF7A00')",
"border-radius": "20px",
"padding": "2px 12px",
"color": "#0A0E1A"
},
"txtContent": "[$Status]"
}
SPFx Development
The SharePoint Framework (SPFx) is the premier model for extending SharePoint. Build client-side web parts, application customizers, and field renderers using React, TypeScript, and modern tooling.
- React-based client-side web parts rendered in the SharePoint page
- Application Customizers: inject header/footer content across sites
- Field Customizers: custom rendering for list column values
- Command Sets: extend list toolbar and context menus
- Microsoft Graph Toolkit for ready-made M365-connected components
- Fluent UI components for consistent Microsoft 365 styling
// SPFx web part — render with React
export default class TaskDashboard extends BaseClientSideWebPart {
public render(): void {
const element = React.createElement(TaskDashboardApp, {
spHttpClient: this.context.spHttpClient,
siteUrl: this.context.pageContext.web.absoluteUrl,
listName: this.properties.listName
});
ReactDom.render(element, this.domElement);
}
}