Hi there.I'm Philane Msibi.I design and build Software..I am a Software Developer dealing with designing and building User-centered and good User Experince applications.Hire Me About Me

ABOUT ME

I am a UI/UX Designer and Full Stack Developer.

I love developing new solutions and inventions in Technology. I design user-centered, modern and user friendly desktop, mobile and web applications.

I have a very curious mind. Very interested in software dev, UI & UX Design, AI, RPA, DevOps, Embedded dev and Data.

Languages/Libraries/Frameworks Used:

HTML5

CSS3

SASS

Materialize

TailWind

Material UI

Semantic

Emotion

Vanilla JS

Angular 2+

React JS

Gatsby

Node JS

Express JS

Adnois JS

Electron JS

Three JS

TypeScript

React Native

Flutter

PHP & MySQL

Python

Java SE

C/C++

Python

Flask(Basic)

Tools Used:

Git

GitHub

VS Code

Eclipse

Pycharm

Azure DevOps

UI Path

Docker

DialogFlow

Databases Used:

MySQL

MongoDB

MS SQL

Design Tools Used:

Figma

JustInMind

Pencil

Testing Tools Used:

Mocha

Jest

Chai

Experience

Systems Development Student

College

Jan 2016 - Dec 2018

BSc in Information Technology: Systems Development.
Introduction to Fiber Optics Certification at FOA.
Fiber To The Home Certification at FOA.

Projects

1. Notey

A note taking app, storing your notes on your local machine.

Technologies Used:

2. Hawky

As an intern at DFA, I had to fill in a timetable on paper using a pen so I crafted this application to automate some functionalities. I just punch in and out and it will generate and download a pdf file for me to submit. It has a web and desktop version.

Technologies Used:

Angular 8Materialize CSSTypeScriptMongoDB AtlasExpress JSNodejsElectron JS

3. GitHub User Profile Search

A web app that allows users to search for a GitHub user to see their information, repositories, followers, etc.

Technologies Used:

ReactGitHub API

4. Taxitor

A mobile app that calculates public taxi fare, shows the taxi fare per seats in a taxi.

Technologies Used:

React NativeCSS Modules

5. Vivio UI Design

A Simple Music Player Mobile UI Design with animations.

Technologies Used:

6. WhatsApp Redesign

Mobile WhatsApp Design, that I challenged myself with, to see if I can create a better UI Design for WhatsApp

Technologies Used:

FigmaUnsplash Plugin

7. 2do

A mobile app UI/UX Design for a simple Todo App, which allows a user to see his/her daily tasks, filter, check tasks that are done and previous tasks by using the calendar.

Technologies Used:

FigmaIonicons pluginCalendar Maker PluginChart Plugin

8. SA News App

A mobile app that shows latest news from South Africa. It has news from these categories, e.g. All, Health, Sport, Technology, Politics, Business, etc.

Technologies Used:

React NativeExpoNews APILocal Storage

9. Hiku

A desktop app that allow a user to see his/her progress regarding his/her tasks. A user can create a project/task and subtasks also.

Technologies Used:

ReactTailwind CSSElectron JSLocalStorage

10. Covid-19 Tracker

This is a covid-19 tracker app that shows global cases, your country's cases then every country in the world's cases. This shows Confirmed, Recovered & Death cases.

Technologies Used:

FlutterDart

11. Simple Calculator

Calculator that changes its UI button colors when a button is clicked. Beautiful and bright colors changes. For now, it does simple calculation and i am currently developing the scientific part of it.

Technologies Used:

FlutterDartMath Expressions Plugin

12. Bug Tracker

Application to report IT incidents to the IT Department or Technicians. It has a Service Desk chatbot embedded on it. Chatbot answers technical questions, reset systems passwords used in the company, alternative way to log a ticket to the IT Department.

Technologies Used:

Angular 8TypeScriptMongoDB AtlasNode JSExpress JSGoogle DialogFlowTwilio

13. Music Cartel

A web application for showcasing your singing talent. Post your voice records or music so other people can notice you.

Technologies Used:

PHPMySQLXamppHTML 5CSS 3Vanilla JS

14. School Manangement System

Application to keep track of learners at school. Has System admin and user access control feature.

Technologies Used:

JavaJDBCJTattoMySQL

15. Gradey UI Design

Design of a mobile application that tells matriculations of their detailed final results

Technologies Used:

JustInMindPencil

16. Project Dome

A combination of GitHub and API Development Environment where coders can code their APIs and Apps and save their projects online.

Technologies Used:

Angular 8TypeScriptNode JSExpress JSMongoDB(Compass)

17. Trivvy UI Design

UI & UX Design of a company's travelling application, to booking flights, hotels, cars and trains.

Technologies Used:

FigmaIonicons Plugin

18. Chat Application UI Design

A cool UI for a chat application, which is simple and user friendly.

Technologies Used:

FigmaIonicons Plugin

Blog

Go to Blog

What is Haxe?

March 10th, 2022

Haxe is an open source high-level strictly-typed programming language with a fast optimizing cross-compiler.

What are APIs?

November 21st, 2020

An API (Application Programming Interface) is a software intermediary that makes 2 or more applications to communicate to each other. Most apps you are using are using an API, be it your Weather app, Facebook app, etc.

Best VS Code Extensions

November 21st, 2020

Using an IDE these days comes with big helpers like extensions, to name a few. Extensions are helpers or software that makes developing or coding much more quick and effective.