A lightweight static frontend for managing APIs and related resources — dashboard, users, products, notifications, and analytics.
- Dashboard overview with key metrics
- User authentication (login / signup)
- User management view
- Product management view
- Notifications and alerts
- Simple analytics pages
Open index.html in your browser (or serve the folder with a static server) and use the provided UI to explore the dashboard, users, products, and analytics pages.
- A modern web browser (Chrome, Firefox, Edge)
- (Optional) A simple static server for correct HTTP requests during development
- Clone the repository:
git clone https://github.com/NoorUlBaseer/DevPulse-API-Manager.git
cd "DevPulse API Manager"- Open the project in your editor and either:
- Open
index.htmldirectly in your browser (double-click), or - Run a quick static server. For example with Python 3:
python -m http.server 8000
# then open http://localhost:8000 in your browserOr use the VS Code Live Server extension for live reload.
login.html/signup.html: Authentication pages (client-side demo flows).dashboard.html: Main management dashboard.users.html: View and manage users.products.html: View and manage products.analytics.html: View analytics panels.settings.html: App settings UI.
JavaScript code that powers the UI is in script.js, with specific modules like auth.js and notifications.js.
./
├─ index.html
├─ dashboard.html
├─ users.html
├─ products.html
├─ analytics.html
├─ login.html
├─ signup.html
├─ settings.html
├─ script.js
├─ auth.js
├─ notifications.js
├─ styles.css
└─ assets/
- The codebase is a static client-side app using vanilla HTML, CSS, and JavaScript.
- To add new UI pages, create a new
.htmlfile and linkstyles.cssandscript.jsas appropriate. - Keep state and mock data in
script.jsor separate modules for clarity.
- Fork the repo, create a feature branch, add your changes, and open a pull request. Keep changes focused and include any UI screenshots when relevant.
This project is licensed under the MIT License. See the LICENSE file for details.