Skip to content

1. Principles and practices & Project management

Assignment:

Final Project: UNDP Côte d'Ivoire Interactive Dashboard

I am Prisca Brou, working for UNDP Côte d’Ivoire and currently a Fab Academy student. My final project is an interactive physical dashboard shaped like the map of Côte d’Ivoire. Using electronics and digital fabrication, this device visualizes UNDP’s regional actions in real-time. It transforms complex data into a tangible, light-coded experience, showcasing our developmental impact across the country’s cities through innovation and technology.

Image title

I have created an initial sketch for this project. Image title

I used Gemini AI to create my virtual idear

Gemini Prompt

Design an interactive physical dashboard shaped like the map of Côte d’Ivoire to visualize and locate UNDP (United Nations Development Programme) projects and initiatives throughout the country. Generate a high-fidelity conceptual preview of this map, showcasing integrated LED indicators for specific regions and a digital control interface."

https://gemini.google.com/app

GEMINI video

Firt Image

Image title

second Image

Image title

-Project Management

Software Environment & Documentation Tools

Software Role Technical Description
VS Code IDE The primary editor used for writing Markdown content and configuring the project.
Python Language & Interpreter The core programming language and interpreter required to run the Zensical framework.
Git Bash CLI Terminal The command-line interface used for installation via pip and version control with Git.
Zensical Static Site Generator A modern documentation tool used to build and maintain the project's website.

Zensical Documentations

1. Installing Python, VS Code, and Git

Installing Python

  • Once the file is downloaded, open it. Check the two boxes highlighted in red, then click « Install Now ».
  • Once the installation is complete, click « Close ».

Installing VS Code

  • Go to the website https://code.visualstudio.com/download.
    Click on « Windows ». Once the file is downloaded, open it.
    Once the file is downloaded, open it. « Next » Check all the boxes .
  • Click « Next », then « Install ».
    Once installation is complete, click « Finish ».

Installing Git

  • Once the file is downloaded, open it. Click « Next » until the end of the installation. Leave all default options selected and confirm until installation finishes.

. Cloning Your GitLab Repository

  • Create an empty folder named « Fab26 » inside your Documents folder. Open the Git Bash application, hen type the command below and press Enter :

    cd Documents/Fab26 
    

    • Copy the commands below into a text editor and replace the information with your own:
    git init 
    git config --global user.name "Your_username"
    git config --global user.email "your_email@exemple.com"
    ssh-keygen -t ed25519 -a 100 -C "your_email@example.com" -f ~/.ssh/id_ed25519 -N ""
    cat ~/.ssh/id_ed25519.pub
    
    • Once you finish editing, right-click in the Git Bash window, select Paste to paste the commands, then press Enter.

Downloading a Zensical Template for Fab Academy

For the design of our website, we used the template available at the following link: [https://gitlab.com/public-project6104612/fab-academy-website-template](https://gitlab.com/public-project6104612/fab-academy-website-template). This template was created by the instructors of our FabLab.
  • Once on the GitLab repository, click on the Code button, then select Download ZIP.

  • After downloading the template, we extracted it into the prisca-brou folder, first deleting all the files that were already inside that folder, as shown below.

repository pushing

 [x] To push your repository online, type the following commands in the terminal, pressing ++enter++ after each one:
git add .
git commit -m "my first commit"
git push

Site online