Elias Ngumbi's repositories
Login-Sign-up-and-Forget-Password-Form-in-HTML-Bootstrap
In this source code we are going to see how to create login , sign up and forget password modal form in HTML using Bootstrap. This modal window allows user to login , sign up and reset password. user can easily move one form to other. This source code can be particular useful if you want to create the login , sign up and forget password forms available to your users in you website. the source code consist of front end code version of the modal window.
PHP---Multiple-Form-Inputs
In this tutorial we will create a Multiple Form Inputs using PHP. This code will allow the user to insert multiples form data to the database server when user click the submit button. The code use MySQLi INSERT query to store a data entry to the MySQLi server, after submitted the php script will compress the input array by using implode in order to store the data to the database in one submission. This a user-friendly program feel free to modify and use it to your system. We will be using PHP as a scripting language that interepret in the webserver such as xamp, wamp, etc. It is widely use by modern website application to handle and protect user confidential information.
eliasngumbi998
gggg
Game-FlappyBird-in-reactjs-Code
This game in React js made for final project. Before starting the Game should be install nodejs with node package manager (NPM)
5-Star-Rating-using-Javascript
This simple script will show you how to create 5 Star Rating in javascript. This can be useful to know the opinion of the audience or customer of the products or services. The 5 Star Rating is very common on the internet you can see this in any sites.
ANIMATED-SPELLING-GAME-IN-PYTHON
The user will create a login and password, they can log in using the details they provided. the player reads instructions and then enters a game, count down from three and the player looks a word for a maximum of 5 seconds, then they click "cover" to cover up the word and they type the word in the box provided
Animation-Duration-in-CSS
In this tutorial, we are going to learn about animation-duration. So, what is animation-duration? The animation-duration property specifies how many seconds or milliseconds an animation takes to complete one cycle. This property has a syntax: animation-duration: time | initial | inherit ; Property Values time - it specifies the length of time an animation takes to finish. The default value is equal to 0s. initial - it specifies that the value of the property should be set to the default value. inherit - it specifies that the value of the property should be inherited from the parent element.
Animation-Iteration-Count-in-CSS
In this article, we are going tackled about Animation Iteration Count in CSS. What is animation-iteration-count? Let's discuss a animation-iteration-count. The animation-iteration-count property specifies how many times an animation should be played. Syntax of this property: animation-iteration-count: number | infinite | initial | inherit ; Property Values number - it specifies a number that defines how many times an animation should be played. (default = 1) infinite - it specifies that the animation should be played infinite times. initial - it specifies that the value of the property should be set to the default value. inherit - it specifies that the value of the property should be inherited from the parent element.
Circular-Flipping-slideshow-in-Javascript
A page using css transform and js to make a circular interesting gallery. This is a cool slideshow and can be used in any gallery page. This is a project that is more helpful for beginners. Note: Works best in Firefox. Hope you learn from this.
CSS-Animation-Play-State
CSS animation-play-state In this tutorial we are going to learn about animation-play-state. So, what is animation-play-state? The animation-play-state property specifies whether the animation is paused or running. Syntax of this property: animation-play-state: paused | running | initial | inherit ; Property Values paused - specifies that the animation is paused. running - specifies that the animation is running. The default value is running. initial - specifies that the value of the property should be set to the default value. inherit - specifies that the value of the property should be inherited from the parent element.
CSS-Animation-Properties
What is animation in CSS3? The animation property is a shorthand property that allows to setting six of the animation properties at once. It has a following syntax: animation: name | duration | timing-function | delay | iteration-count | direction | fill-mode | play-state | initial | inherit ; Property Values: name - it’s specifies the name of the keyframe you want to bind to the selector. duration - it’s specifies the duration in seconds or milliseconds of the animation. timing-function - it’s specifies the duration in seconds or milliseconds of the animation. delay - it’s specifies a delay before the animation will start. iteration-count - it’s specifies the number of times to play the animation. direction - it’s specifies whether or not the animation should play in reverse on alternate cycles. fill-mode - it’s specifies what values are applied by the animation outside the time it is executing. play-state - it’s specifies whether the animation is running or paused. initial - it specifies that the value of the property should be set to the default value. inherit - it specifies that the value of the property should be inherited from the parent element.
CSS-keyframes-Rule
What is a @keyframes in CSS3? The @keyframes rule is used to create animations. In general, an animation in CSS3 is defined as changing from one CSS style to another. Structure: @keyframes name { selector { styles ; } } Property Values: name – it’s specifies the name of the animation. (required) selector – it’s specifies that percentage of the animation duration.(required) Possible Value: 0 – 100% from (same as 0%) to (same as 100%) styles - it’s specifies one or more CSS style properties.(required)
Elias-bookstore-app
This is my Web Application project I made using PHP/MySQL.
GEEKSOURCECODES.COM
Clone All Free Codes of GEEKSOURCECODES.COM In Release Area
How-to-Create-3-Column-Web-Template
Hello, dear developers. I have developed this source code to demonstrate how to code a three column layout website design. I have used external Cascading Style Sheet. This Template contains one HTML file called index.html and one CSS file called style.css Download and use for free. Take a look for the source code.
How-to-Create-Simple-Stopwatch-in-HTML-CSS-with-JavaScript
Simple Stopwatch in HTML/CSS with JavaScript This is an example of a simple stopwatch. It has the ability to keep track on an individual event, especially in a sports event. Try this yourself. This is easy to learn project. It has 3 buttons to operate this stopwatch. These are: Start Stop Pause Hope this simple work will help you in your future project. Enjoy!
Html-Css-design-Login-and-SingUp-forms-with-jQuery-errors.
This post is very simple. I use a simple beatifull design with css, html,and use jquery for errors inputs (empty
Image-Recognition-in-PYTHON
Image-Recognition
IOT-Class-May-2019-Strathmore-University
IOT Class May 2019-Strathmore University
JavaScript---Add-Options-To-Select-Tag
In this tutorial we will create a Add Options To Select Tag using JavaScript. This code will dynamically insert an additional option value when the user submit the form inputs. The code use onclick() to call a method that will add a new entry for the select tag dynamically by providing an information for the list. This is a free user-friendly kind of program, you can modify it and apply to your working application. We will be using JavaScript as a server-side scripting language because It allows greater control of your web page behavior than HTML alone. It is embedded in HTML that responsible to allow user to interact with the computer .
Medical-Center-Portal-Management-System-using-PHP-MySQLi-Code
Project Title: Medical Center Portal Management System using PHP/MySQLi About Medical Center Portal Management System is developed using PHP, CSS, Bootstrap, and JavaScript. Talking about the project, it has all the essential features required for the user to view the hospital or pharmacy location and the price of a particular medicine or medical product by searching a medicine or medical product name. This system allows customers/clients to submit an appointment request with the pharmacy or hospital. The system also provides an online ordering system for the customer. The system has a Medicine checker that can help the customer check if the medicinal product or device is available and with this feature, the system will search not only in a single pharmacy because since the hospital or pharmacy are dynamically stored in the system database, the system will check the product in each hospital or pharmacy then returns the location and contact details of the pharmacy or hospital. Features: Admin Customer Page The page where the customers are listed and managed. Staff The page where all the employees are listed and managed. Medical Product The page where the medicinal product or devices are listed and managed. Appointments Page The page where the customers' appointments request are listed and managed. Inventory Page The page where the stock summary of the products is listed. Transaction Page The page where all the customer orders transactions are listed. Hospital/Pharmacy Page The page where an admin manages the list of hospitals and pharmacies. Accounts Page The page where the system users are listed and managed. Customer/Client Medicine Check Page The page where can customer search for a medical product that they need. Order Medical Products Page The customer's ordering system page. My Transaction Page The page where all of the customer's transactions are listed. My Appointments Page The page where all the customer's appointment requests are listed. Both Sides Login Page The page where the system admin and user submit their system credentials to access the data and functionalities of the system according to their user role. Dashboard The page where the system user will be redirected by default after logging into the system. How to Run Download the source code and extract the zip file. Download or set up any local web server that runs PHP script. Open the web-server database and create a new database name if "medic". Import the SQL file located in the database folder of the source code. Copy and paste the source code to the location where your local web server accessing your local projects. Example for XAMPP('C:\xampp\htdocs') Open a web browser and browse the project. E.g [http://localhost/medic] Open the "README.md" file with any text editor for the sample users' credential. Explore more on this website for more source codes and tutorials. Enjoy!
PHP---Even-Numbers-Generator
In this tutorial we will create a Even Numbers Generator using PHP. This code will instantly separate all the possible even numbers in the form. This code itself use a simple POST method to generate an even number dynamically within the array of number using a conditional statement .This is a user-friendly kind of program feel free to modify it. We will be using PHP as a scripting language that manage a database server to handle a bulk of data per transaction. It describe as an advance technology that manage both server and control-block of your machine.
Quadratic-Equation-Auto-Generation-Exercise-with-Answers-for-Student-s-practice
This is a simple script written in HTML/CSS. It uses JavaScript to enable its dynamic behavior. Every time you refresh the page, you will get a new set of quadratic equations with answers. It has a little bug in the script and I encourage anyone interested to help me fix it. Have fun.
ReactJS-16-structured-App-and-Bootstrap-4-Code
This app is a starter for React js 16 with a nice structure and bootstrap 4, i dint use webpack config or gulp or grunt for deploy but just react scripts. Setup: Clone the code and extract got to directory and install the packages npm install --> install all npm modules npm start --> start the project This app use the react scripts for deploy.
Record-Play-Download-Microphone-Voice-like-Facebook-Audio-Chat
Record, Play & Download Microphone Voice like the facebook and whats app voice chatting. Hope you enjoyed learning in this project.
Simple-Analog-Clock-Using-HTML-CSS
Analog Clock Using HTML/CSS This is a simple analog clock created using HTML and CSS3 only, with no images involved. As such, you can easily customize the size of the clock and its colors etc. The analog clock works in IE9+ and all versions of other browsers, including on mobile.
Web-Gallery-Using-HTML-CSS
This simple source code of HTML5 and CSS3 with the use of JavaScript. Download the source code below then unzip the file and install in your website or webserver.