Mineral Explorer

Web Development

Mineral Explorer is a web application that interactively showcases Ethiopia's mineral resources.

About

Mineral Explorer is a web application that showcases Ethiopia's mineral resources in a simple and interactive way.


This was a deliverable project that I led during my internship with BESYS Technologies in Addis Ababa, Ethiopia, where I had the opportunity to work alongside Geologists and Geospatial data experts to integrate Ethiopia's geological map into the application.


In addition, I worked alongside IT system admins to setup and delploy the application onto the on-premises servers of the Ethiopian Mineral Gallery.


Mineral Explorer is currently running live at the Ethiopian Mineral Gallery in Addis Ababa, Ethiopia.

Problem Statement

Create an app that presents mineral information catagorized into 5 geological zones of Ethiopia.

Features

Designed with simplicity in mind, Mineral Explorer allows users to easily identify minerals and their properties. In addition, it allows for authorized users to manage the contents being presented to the public.

Explore Minerals

All users can search for minerals in a geological zone

Add Minerals

Authorized users can add minerals to the database

Edit Minerals

Authorized users can modify the contents of an existing mineral

Remove Minerals

Authorized users can remove minerals from the database

Edit Geological Zones

Authorized users can modify the descriptive content of a geological zone

Demo

Note: This demo contains sample data and does not reflect the current state of the application.

Tech Stack

Technologies used to bring Mineral Explorer to life:


Front-End

HTML

CSS

JavaScript

BootstrapCSS

Back-End

NodeJS

EJS

ExpressJS

MySQL

Deployment

Linux

Ubuntu

PM2

Nginx

Tools

Git

VS Code

Inkscape

NPM

Postman


Concepts Learned

What I learned while working on Mineral Explorer:

Vector Graphics

Using vector graphics to create custom icons and illustrations.

Geospatial Data

Integrating geospatial data into web apps to create interactive maps.

Local Deployment

Setting up and managing an on-premises server to host a web application.

Front-End Development

Understanding the foundations of frontend development including structure, styling, interactivity, as well as, responsive layouts and dynamic rendering.

Professional Communication

Communicating with clients and stakeholders to understand their needs and deliver a product that meets their expectations.

Interdisciplinary Collaboration

Collaborating with professionals from different disciplines to create a product that meets the needs of the client.