My Portfolio

My portfolio is a combination of programming and design projects, the websites are a combination of both. I tend to make things that I am interested in or serve a personal need, even the websites I build for the NGO I worked for I build as an initiative from me. I consider programming like any other skill I have. For example, I do some woodworking from time to time, but only when I am building something I need or want to make. I hope you find something useful and joyful to use for yourself in this page.

front end

    Harikar NGO Website

    • Build using Nuxt.
    • responsive and accessible design using Vuetify.
    • Contains user-friendly dashboards using HTML, CSS, and JavaScript (ApexCharts).
    • Developed a NodeJS and Express back-end to manage website content and project data.
    • Ensured website optimization and continued feature enhancements.

    Alternative Harikar NGO Website (A concept)

    Source code
    • Build using Astro and utilizing Nano Stores.
    • Even more responsive and accessible design, designed from the ground up using HTML and CSS.
    • Contains dynamic, interactive, user-friendly dashboards using HTML, CSS, and JavaScript (ApexCharts).
    • Scores perfectly on performance and accessibility on Google’s lighthouse benchmark.

    Fossify.org website

    Source code
    • Build using Astro and utilizing Nano Stores.
    • Responsive and accessible design, designed from the ground up using HTML and CSS.
    • Fully translatable to any language, currently translated to Arabic.
    • This website was made as a contribution to the Fossify project, which has a mission to make ad-free, privacy focused apps for android.

    ronnienissan.pages.dev (this website)

    Source code
    • Build using Astro.
    • Responsive and accessible design, designed from the ground up using HTML and CSS.
    • Focoses on accesibility and ease of use/reading
    • Scores perfectly on performance and accessibility on Google’s lighthouse benchmark.

desktop apps

    Embellish

    Source code
    • A program to help with installing Nerd Fonts, the GUI version of getnf.
    • Written In GJS (Gnome Java Script).
    • Utilized GTK4 and Libadwaita to present an accessible and user friendly UI/UX.
    • Published on the Flatpak app store.

    Concessio

    Source code
    • A Gnome app to help new users understand unix file permissions and switch between them.
    • Written In GJS (Gnome Java Script).
    • Utilized GTK4 and Libadwaita to present an accessible and user friendly UI/UX.
    • Published on the Flatpak app store.

CLI tools

    getnf

    • A program to help with installing Nerd Fonts.
    • Written using BASH script.
    • Works as a CLI (Command-Line Interface) and also has a TUI (Terminal User Interface).
    • Cross platform, works on both Linux and MacOS.