top of page
Screen Shot 2021-01-21 at 9.38.20 PM.png
5a902db97f96951c82922874.png

Sign Up and Phone Authentication

This process shows the user signing up in the Otus Plus application.

In the process, the user has to provide a valid Phone Number and then they will receive a code via SMS. Afterwards, the user is prompted to input the code and then moves to the following steps.

Firebase Authentication is used in this process.

Otus Plus is my biggest project solo so far. This app embodies different type of technologies such as Bluetooth(BLE) communication with an external eyewear device, games, Phone number authentication and intricate user data display. Besides, a monthly PDF report is sent to each user showing their vision data. 

I humbly feel proud being able to incorporate all these skills and put this system, from frontend to backend, into place. Moreover, it's a double platform app, iOS and Android. I created it using Unity and uploaded the app to the corresponding stores. Please check it out and feel free to request more information. Although, the Report is created using React.js with Springboot.

Login and Member Selection

The screen shows the Login process of the Otus Plus app. After logging in, similarly to Netflix, a user (Master) can add new members. When a member is selected, the app works according to the latter's settings.

Settings and Customer Service

This video shows the app settings as well as the CS options.

The user can submit inquiries directly, read the FAQ or  contact  the company by an external app, KakaoTalk in this case.

Grid and Horizontal Menu

This short clip shows the two Otus Plus games list options.

One is a grid view and the other one is a horizontal list.

Calendar, Animated Data Display

This video shows a Calendar for user's attendance check. Also, it displays different intricate type of vision data in various animations.

Vision Games

This clip shows the core portion of the app: the games.

There are 7 games included in the app. Each game has different stages based on the external device's current lens.

The levels are based on the display time and object size.

unity-tab-square-black.png
Bluetooth_FM_Color.png
png-transparent-pdfcreator-document-file
reactjs-logo-sticker (1).jpg

Monthly PDF REPORT GENERATION

The recording shows the process for generating a user's monthly report.

I created the Report using React.js, CSS and Bootstrap for the frontend and retrieve the data from a backend server that I made using Springboot with Java and Mybatis, etc. Combining two libraries the PDF file is generated whenever requested by the user and then followed by the download process.

Monthly PDF REPORT

This shows the option of opening the file directly and the content therein.

User Report Frontend

This is a part of the system for generating a monthly PDF Report for Otus+ users. This is however running only in the server and the file is generated automatically when requested. So the user has access only to the PDF but not the actual web page.

Otus Plus Admin

The admin page for authorized Edenlux members to manage users, users’ information and data and reply to client inquiries asked through the mobile app. I created the website in a relatively very short period as I became very comfortable with React.js and Springboot. It is composed mainly of a login page where the admin puts their credentials, a page with a side bar with links to dashboard, user management, events, inquiries and serial numbers management. The dashboard display charts showing useful data such as which game is the most played, etc. The user management page shows a paginated list of users and when an element is clicked, it shows more info about the user and their data – similar for the other three.

Otus Website: www.otuseye.com

This is the current website that I developed for Edenlux using React.js, Bootstrap and Apache. Due to the time shortage, we only included the most important pages and omitted others such as C/S.

2.Ludo Prison Game Project

​

​

​

​

Webp.net-resizeimage-5.png
pasted image 0.png
Facebook-logo-500x350.png

Ludo Prison

Ludo Prison is a version of Ludo played in Africa. It is the most challenging version, as pawns can be caught and frozen. I was inspired by it to create this software version. Ludo Prison has features such as playing:

​

Online with random people

 

Online with friends using a code

 

Local with computer

 

Local with Friends

​

Using Facebook Profile

Development Tools

I used the Android Studio IDE with 

Java as the programming language. 

Design

I used free websites such as sketch.io to draw and design the buttons, bars, icons, pawns, etc.I used LibreOffice to draw the Ludo Board.

External Libraries

To store user information and for online gaming I used the Firebase's Firestore 

Realtime database and to authenticate users I employed the Facebook SDK along with Firebase Authentication.

Watch me please!

pasted image 0.png
1200px-Instagram_logo_2016.svg.png
Facebook-logo-500x350.png
reactjs-logo-sticker (1).jpg
KakaoTalk_Photo_2021-01-19-22-00-44.png

Sign Up & Login

Match & Settings

Chats and Instagram

Bana is a dating App that I also feel proud developing solo thanks to the features therein. It provides two ways of authentication: Facebook and Phone Number login. Besides, during sign up, the user puts their personal information as well as their profile picture. After the user's information is collected and stored, the user can start swiping right and left to like/skip other users, similar to Tinder. When a liked user likes back, they can start chatting from the match list. The real time chatting includes text, images and stickers. A user can set their profile as they desire such as match filters, adding photos, and extra personal information. A user can connect their Instagram account so that other users can see more of their pictures. Users can log out or quit the app. Please check out the videos above to view these features.

This app is created with an admin website to monitor and control the app and to manage users.

This app was created using Android Studio and the Admin application is created using React.js and running on an AWS EC2 server using NGINX.

pasted image 0.png
Bluetooth_FM_Color.png
Arduino-Logo-1.png
RPi-Logo-Reg-SCREEN.png

IoT System

The IoT system consists this Android App of a Raspberry Pi computer which act as a server, a controller of appliances and a central computer which other controllers (Arduino Boards, Raspberry Pi devices) communicate with. The App sends a message requesting for services, and the central computer which runs a CoAP server using JavaScript/node.js receives the message and handles it accordingly. Services can be turning on a lightbulb, requesting indoor temperature or rotating a CCTV camera. The central computer can handle it directly or act as proxy and pass the request to another Raspberry Pi through 
Wi-Fi or to an Arduino Board through Bluetooth.

IoT Android App

As shown in the video, at the beginning, the app doesn't contain any controller or appliance information. The user himself, adds the controller information, then he can add appliance/sensor information, in result, a button of the corresponding appliance will be added to a page where all created appliances can be accessed and a user interface of the appliance will be created as well. Based on the given information the appliance/sensor can be controlled/monitored.

Tools

The app is created using Android Studio and uses the Californium CoAP package in order to exchange messages with the server through the Internet.

© 2021 by Ibrahima Wane.

bottom of page