About
Mineral Explorer is a web app that presents Ethiopia's mineral wealth in an intuitive and engaging format.
Developed during my internship at BESYS Technologies in Addis Ababa, Ethiopia, I collaborated extensively with geologists and geospatial data experts to integrate Ethiopia's geological map into the app, enhancing the interactive experience for visitors of the Ethiopian Mineral Gallery. Moreover, I worked alongside IT administrators to ensure the smooth on-premises deployment of the application.
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 and scalability 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 visitors.
Interactive Map
All users can interact with a map of Ethiopia to explore minerals in the 5 geological zones
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.