Sk Sami Al Jabar

This Count Down Timer has been developed using HTML, CSS, PHP and JS using Bootstrap Framework. On refreshing the page, the timer still goes on according to its own record due to using JS COOKIES variable to keep the data.

#BOOTSTRAP
In order to make the page Responsive.

#HTML_CSS
For basic page styling and design.

#PHP
Here, PHP is used in order to take user input for setting the timer with the help of a FORM and then converting the days, hours, minutes and… Show more

This Count Down Timer has been developed using HTML, CSS, PHP and JS using Bootstrap Framework. On refreshing the page, the timer still goes on according to its own record due to using JS COOKIES variable to keep the data.

#BOOTSTRAP
In order to make the page Responsive.

#HTML_CSS
For basic page styling and design.

#PHP
Here, PHP is used in order to take user input for setting the timer with the help of a FORM and then converting the days, hours, minutes and seconds into milliseconds. Finally storing the total milliseconds inside a varible named 'total'.

#JS
JS is used to control the font sizes and color. The timer data is stored using JS Cookies so that the timer record still goes on according to the initial timer set up.

Source code: https://github.com/SamiAlJabar/Countdown-Timer Show less

"Tap & Dodge" is a game developed with OpenGL in C using Visual Studio 2010 IDE.

The game is about dodging obstacles. But there is only one functional key (Up Arrow on Keyboard). On pressing the key, the player will keep on moving left and pressing it once again, the player will keep on moving right and in this way, the player has to dodge obstacles to score points. But as the score increases, the speed will also increase gradually. There are three lives. On collision with the… Show more

"Tap & Dodge" is a game developed with OpenGL in C using Visual Studio 2010 IDE.

The game is about dodging obstacles. But there is only one functional key (Up Arrow on Keyboard). On pressing the key, the player will keep on moving left and pressing it once again, the player will keep on moving right and in this way, the player has to dodge obstacles to score points. But as the score increases, the speed will also increase gradually. There are three lives. On collision with the obstacles, the player loses one life. After losing three lives, the game is OVER.

Source Code: https://github.com/SamiAlJabar/Tap-and-Dodge Show less

This is my first game that I developed in Unity3D game engine using C# language. The design of the TAXI was done using Blender.

Download the asset/unity package of this game from this link: https://github.com/SamiAlJabar/TaxiGame

This is a simple Android Game made with the Canvas using Eclipse IDE. The game has few features which are:
1. Brick destroys on collision.
2. Two types of powers, green ones will make the player size bigger and the red one vice versa.
3. Has two life, on losing first life i.e if the ball falls on the ground first time, the ball turns red and speed becomes faster. On second time falling on the ground, the game is over.
4. Tapping on left side of the screen will move the player left… Show more

This is a simple Android Game made with the Canvas using Eclipse IDE. The game has few features which are:
1. Brick destroys on collision.
2. Two types of powers, green ones will make the player size bigger and the red one vice versa.
3. Has two life, on losing first life i.e if the ball falls on the ground first time, the ball turns red and speed becomes faster. On second time falling on the ground, the game is over.
4. Tapping on left side of the screen will move the player left and on tapping right side will move the player right.
5. Has total of 2 levels.

Source Code: github.com/SamiAlJabar/Crazy-Brick-Killer Show less

"Color Match" is an Android Game developed by me using Android Studio. The user has to press the colored button that matches with the background color within 1 min to keep on scoring points. Negative points for wrong answers.

This project was developed for going over the basics of web application development using
Spring Boot framework in the backend and Vue.js in the frontend. The project includes basic
create, read, update and delete (CRUD) operation based on Object Oriented Programming
principles. It also includes security module for secured API access and database to store
information.

EZRemote is a small web application which is a task management solution. It has a chat feature using which you can instruct the system to create task, goal, assign task to employee, retrieve information and more. It takes the advantage of the features of Natural Language Processing technique to read and understand user's messages and operate accordingly.

There is a front end application developed using Vue JS. It is the user interface. Then we have a back end application which is… Show more

EZRemote is a small web application which is a task management solution. It has a chat feature using which you can instruct the system to create task, goal, assign task to employee, retrieve information and more. It takes the advantage of the features of Natural Language Processing technique to read and understand user's messages and operate accordingly.

There is a front end application developed using Vue JS. It is the user interface. Then we have a back end application which is developed using Express.js framework. This server serves as the API server where API is created. MySQL is used for the database. For processing the chat messages from user, Natural Language Processing technique has been used which extracts Nouns and Verbs from chat message and with the help of some defined rules, the user expected output is predicted. Based on that, further actions take place. Nouns and Verbs consist of the key terms that was necessary for the operations. Parts-Of-Speech Tagging (POS Tagging) technique helped in this case. This helped to process the chat messages from user in whichever way they were sent to the user and it did not create problem in predicting the output from the rules. Show less

What it does?
It is like a social media platform where two types of user are observed - regular users who are looking to share thoughts and looking for help from professionals and service providers who provide service like financial budgeting plan for students, improving mental health, provide treatment as a doctor, helping other students as a student and earn money. People can create post, hit Like or create comments on other posts. But if the comment is a negative one then the system… Show more

What it does?
It is like a social media platform where two types of user are observed - regular users who are looking to share thoughts and looking for help from professionals and service providers who provide service like financial budgeting plan for students, improving mental health, provide treatment as a doctor, helping other students as a student and earn money. People can create post, hit Like or create comments on other posts. But if the comment is a negative one then the system detects that using Natural Language Processing and Sentiment Analysis technique and prevents the comment from posting. It also has a Real Time chatting feature where users and service providers can chat and make a conversation in real time.

How did we built it?
The application is based on two servers. First server was set up using Node.js and Express.js where the APIs are developed and logics are implemented. This is the backend server. Natural Language Processing and Sentiment Analysis part has also been setup on this server. Whenever there is a negative comment, the system reads the comment, corrects the spelling of each word where necessary, does the sentiment analysis and returns a score for the entire comment. Any value less than 0 is considered as a negative comment and in that case, the user is informed about it and the comment is not posted. This helps to stop spread negativity. Another Front End App was created using Vue JS and this is the user interface or the client application. APIs were created in Backend server and data was fetched from Front End. We also made use of the Socket.io for the real time chat experience and this was needed to be implemented on both the front end and the back end. APIs are called from front end app using Axios. When a user is logged in, the information is stored in the localStorage of the browser and that is used for making further http requests. In this way, communication was established between the front end and the back end application. Show less

This project was developed during HackUCI 2021 Hackathon and won in Security Hack (CrowdStrike) category.

CoronaCam is a smart Software that uses cameras in store to detect movement of people and see whether people are maintaining social distancing or not. It also detects whether people are entering the store wearing masks or not. When these violations take place, information is updated into the system. This helps the store owner to detect behavior of people. It also gives an idea to the… Show more

This project was developed during HackUCI 2021 Hackathon and won in Security Hack (CrowdStrike) category.

CoronaCam is a smart Software that uses cameras in store to detect movement of people and see whether people are maintaining social distancing or not. It also detects whether people are entering the store wearing masks or not. When these violations take place, information is updated into the system. This helps the store owner to detect behavior of people. It also gives an idea to the store owner about creating space in the store so that social distancing can be maintained. The store owner gets real time SMS notifications when a certain amount of social distancing violations occur.

Computer Vision is used to detect and recognize people and their distances from one another. In this project, we used sample video clips in store and detected people and their distances from one another using OpenCV. So a server was set up using Python and Flask where the logic and computer vision algorithms were implemented. Another Front End App was created using Vue JS which loads the video and also gets data from video using API. APIs were created in Python End and data was fetched from Front End. We also made use of the Twilio API in order to send the text notifications to the user and used Digital Ocean in order to be able to handle multiple streams of data at the same time. Show less

Front End Web application development.
- Vue JS
- Vuetify
- Responsive Design
- HTML, CSS, JS

Responsive Landing Page using Vue.js and Bootstrap.

Github Link: https://github.com/SamiAlJabar/simple-landing-page-using-vue-and-bootstrap

Cricket Score Computer is an Android Application developed by me using Android Studio in Java. This application is about storing match records through umpiring. The user just have to tell the app about what is happening in each delivery and the app will automatically store each player records, team records, match records, game details and many more. It would be much clearer once you check out the application on the link.

"MeetMath" is a mathematical android mobile game developed by me using Eclipse IDE.