dashboard-admin

KO | EN

gitlite — search

#agent #web #golang #agents #machine-learning #data-science #automation #tailwindcss #mcp #python

dashboard-admin

(★ 9)

No description available.

File Explorer

ZIP Download

- avatar-grace-small.jpg
- avatar-jean-paul-small.jpg
- avatar-mireille-small.jpg
- avatar-user-small.jpg
- gallery-facade-thumb.jpg
- gallery-kitchen-thumb.jpg
- gallery-living-thumb.jpg
- hero-house.jpg
- listing-studio.jpg
- news-house-palms.jpg
- property-terrace.jpg
- readme-preview.png
- somba-ndako-logo.svg
index.html
README.md
style.css

# Use via CDN

jsDelivr

jsDelivr serves any public GitHub repository as a CDN with zero setup. Pick a version and a file to get a ready-to-paste link and snippet.

Version

File

Link

Example

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

Dashboard Admin statique en HTML/CSS pour Somba Ndako.
Cett interface de gestion immobilière affiche une sidebar, un header, des cartes de performance, un graphique donut, un tableau de quartiers/annonces et une section d'activités récentes.

![Aperçu du dashboard](https://raw.githubusercontent.com/Osiris-Balonga/dashboard-admin/main/images/readme-preview.png)

## Demo

- GitHub Pages : https://osiris-balonga.github.io/dashboard-admin/
- Repository : https://github.com/Osiris-Balonga/dashboard-admin

## Objectif

Ce projet correspond au livrable `Projet 4.3 - Dashboard admin layout` de la phase 2 HTML/CSS/Git.
Il reprend le spec du PDF `docs/Phase_2_HTML_CSS_Git.pdf` et présente :

- une sidebar gauche collapsible avec navigation
- un header top avec profil utilisateur
- une zone principale `main` bien structurée
- des cards statistiques (4)
- un tableau de données
- un graphique donut CSS
- un footer intégré
- un comportement responsive mobile/tablette

## Fonctionnalités

- Sidebar avec menu, infos utilisateur et actions
- Cartes statistiques pour revenus, locations et logement disponible
- Graphique donut avec score d'occupation
- Tableau de quartiers et filtres
- Section d'activité récente
- Mise en page responsive et hover states

## Aperçu local

1. Ouvrir `index.html` directement dans le navigateur.
2. Ou lancer un serveur local depuis le dossier `dashboard-admin` :

```bash
cd phase-2-html-css-git/projects/dashboard-admin
python -m http.server 8000
```

Puis ouvrir `http://127.0.0.1:8000`.

## Structure

```text
dashboard-admin/
  images/
  index.html
  style.css
  README.md
```

## Déploiement GitHub Pages

### Option 1 - Répertoire dédié

1. Créer un repo GitHub dédié, par exemple `dashboard-admin`.
2. Publier les fichiers suivants à la racine :
   - `index.html`
   - `style.css`
   - `images/`
   - `README.md`
3. Activer GitHub Pages sur la branche `main` et le dossier `/ (root)`.

### Option 2 - Dépôt multi-projets

1. Copier le contenu de `dashboard-admin` dans le dossier `docs/` d'un dépôt principal, ou utiliser une branche `gh-pages`.
2. Pousser le contenu sur GitHub.
3. Configurer GitHub Pages sur `main` vers `docs/`, ou sur `gh-pages`.

### URL attendue

- `https://<username>.github.io/dashboard-admin/`
- ou `https://<username>.github.io/` si le projet est publié depuis le dossier `docs/`

## Recommandation

Pour un déploiement simple, créer un repo dédié `dashboard-admin` et utiliser GitHub Pages sur la branche `main` / root.

dashboard-admin

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

dashboard-admin

Owner Repos

File Explorer

# Use via CDN

Was this content helpful?

Recent Feedback

Download README