M365 Copilot – Custom Web Interface
A custom-built web interface designed to simulate an M365 Copilot-style assistant experience. It provides a clean, dark-themed UI where users can search, chat, create agents, teach pages, and interact with applications.
This interface is hosted using GitHub Pages at: https://soleace.github.io/M365-Copilot-Page/
Features
-
Welcome Dashboard Personalized greeting: “Welcome Sola(User), how can I help?” Central message box for interacting with the assistant.
-
Navigation Panel A sidebar menu with several sections: 🔍 Search – look up content 💬 Chat – interact with Copilot-style chatbot
🤖 Agents – explore and create AI agents 📄 Pages – create or teach content pages 🧩 Apps – integration point for future applications
- Quick Action Cards Buttons for common tasks: List key points from a document Improve writing (upload-based) Rewrite text to sound more professional
🛠️ Tech Stack HTML5 CSS3 JavaScript GitHub Pages for deployment
📁 Project Structure (Example) / ├── index.html ├── styles/ │ └── style.css ├── scripts/ │ └── app.js ├── assets/ │ └── icons, images, etc. └── README.md
📦 Installation & Setup Clone the repo: git clone https://github.com/SoleAce/M365-Copilot-Page.git cd M365-Copilot-Page
Open locally: Just open index.html in your browser.
🌐 Deployment This project is deployed automatically using GitHub Pages: Go to GitHub repo settings Under Pages, select branch: main Set folder: /root Save and wait for deployment
✨ Future Improvements Add real chat backend (e.g., Azure OpenAI API) Add user authentication Add animations and transitions Implement actual “Agent creation” logic
📄 License This project is open-source under the MIT License.