-
π± Iβm currently learning PERN Stack, MERN Stack & MARN Stack
-
π I regularly write articles on https://theinkblotters287536017.wordpress.com
-
π¬ Ask me about MY SQL, SQLite, PostgreSQL, SQL Server, Sybase, Informix, Cloudera, MariaDB, Seqel PRO, DbVisualizer, AmazonRDS CouchDB, Neo4j, OrientDB, Couchbase, FileMaker, informix, MongoDB, Redis, OrientDB, Altibase, ORACLE
-
π« you can to reach me on [email protected]
-
π¨βπ» All of my projects are available at https://github.com/FullStackDeveloper-Kiran
-
π¨βπ» All of my projects are available at https://codepen.io/fullstackdeveloper-kiran
ReactJS Projects
Emoji Game
A basic memory game developed using react concepts. Player needs to remember emoji clicked each time to win the game.(i.e 12/12 is win). Since its a dynamic application emojis gets shuffled immediately after clicking a emoji. Refer ReadMe for better Understanding
Live Demo :Click Me !
IPL Dashboard
A IPL Dashboard application that allows to navigate through other urls with the routing method. Its a completely responsive reactjs application . Refer ReadMe for better Understanding
Live Demo : Click Me !
Github Popular Repositories
A simple web application that gives out the popular repositories of each language selected.It get the data from the web API's. Refer ReadMe for better Understanding
Live Demo :Click Me !
Coffee Planner Application
The application takes input from the user to create a specific coffee planner on clicking create a coffee plan button. Refer ReadMe for better Understanding
Live Demo : Click Me !
Random Password Generator
A ReactJS application developed using the concepts of components , state and props to generate a random password. User can set the length of password (5-25) and also select which characters can be includes in the password. Users can generate a random quick password (standard password length-8 and include uppercase , lowercase , numbers, special characters). Refer ReadMe for better Understanding
Live Demo : Click Me !
Digital Timer (Study Timer)
A ReactJS application built using the concepts of component, state and its functions. SetTimeout API's are used to set are clear the time. User can increase/ decrease the time as per the requirement and once the time start it gets disabled.Refer ReadMe for better Understanding
Live Demo : Click ME !
Stop Watch
A complete stop watch is created using concepts of component life cycle in react with decent UI. Refer ReadMe for better Understanding
Live Demo :Click Me !
Interview Questions Filter
Sort the questions based on user requirements i.e if we have various levels of questions like easy, medium and Hard and if we want to solve only easy questions we can sort them based on user input. Similarly we can choose subject from which we need to get questions i.e HTML, CSS, JavaScript. Refer ReadMe for better Understanding
Live Demo :Click Me !
Portfolio Application
A complete portfolio application which is a responsive web design. Refer ReadMe for better Understanding
Live Demo : Click Me !
Gallary Application
A gallery application with set of thumbnail images and a main image which is completely responsive in design created using react concepts. Refer ReadMe for better Understanding
Live Demo : Click Me !
Frequently Asked Questions
A basic react application that allows user to interact with it. On clicking the plus icon text gets expanded and onClick minus icon text gets hidden. Refer ReadMe for better Understanding
Live Demo : Click Me !
Live Demo : Click Me !
Even odd Random Increment
A demo react application that increase the number randomly on clicking the increment button and information whether number is even or odd is displayed. Refer ReadMe for better Understanding
Live Demo :Click Me !
Toss Game
A Sample ReactJS application developed using the concepts of state and components. When the user clicks on toss the application total no of tosses and Heads, Tails get updated . Refer ReadMe for better Understanding
Live Demo : Click ME !
Googel Search Suggestion
A dynamic web application for google suggestion developed using the concepts of react js and its concepts like state , component and javascript. Refer ReadMe for better Understanding
Live Demo : Click Me !
Feedback Application
Take user feedback using emojis and reflect a thankyou message on click of a emoji. Refer ReadMe for better Understanding
Letters Calculator
A responsive react js web application which gives the length of word based on userinput. Refer ReadMe for better Understanding
Live Demo : Click Me !
cascade slider review application
A demo cascade slider review application using react concepts. Refer ReadMe for better Understanding
Live Demo : Check Me !
Age Calculator
When the user enters the birth year in the input box the application should find out the age of person. Refer ReadMe for better Understanding
Live Demo : Click Me !
Dynamic Web Applications
Wikipedia search Application
A dynamic web application which is a clone of Wikipedia Search Application. On user input it displays the various link from the API used.
Live Demo : Click Me !
Movies Application
A dynamic web application is created using the movies api where the user can fetch latest movies, top rated movies, Current Movies, Upcoming Movies and can also store movies as favorite movies.
Live Demo : Click Me !
ToDo Web Application
A todo responsive web application where the user can add a new todo, can store it in local storage, mark it as completed, delete it.
Live Demo : Click ME !
Search the Book
A dynamic web application is created using the concepts of javascript where user can search for the book using the keywords.Based on user input API returns list of books. Users can increase the range of books from 10 (default) to 30.
Live Demo :Click Me !
Speed Typing Test
A dynamic responsive web application that is used to test the typing speed of the user. The application fetches a random text from the api on every reload/reset.
Live Demo : Click Me ! ![](https://camo.githubusercontent.com/0f605965615b7fd579073ae2eaabbcfed81c4b041ec2dbb12870d0e87e9ea8dc/68747470733a2f2f7777772e6d61737369766564796e616d6963732e636f2e696e2f686f6d652f6173736574732f636c69636b2d6d652d6172726f772e676966)
Know the fact about the number
A dynamic responsive web application that fetches the facts data about the number from web API's on user input.
Live Demo :Click Me !![](https://camo.githubusercontent.com/49785aebe35916164ff484792e3acd8eaffd9c22e24f01a65d1e93b7e5dd9c1c/68747470733a2f2f692e70696e696d672e636f6d2f6f726967696e616c732f31332f66612f62652f31336661626533363864303832313137303664613134643436313732376235302e676966)
Countries Search
A dynamic responsive web application that displays the various countries information along with its flags. User can get the selected country info from user input search bar and results are drawn based on pattern matching format.
Live Demo :
Click Me !
A Moment Of Peace Timer
A responseive dynamic web application developed using the concepts of setTimeOut and ClearTimeOut. User Can set a timer of 20 seconds, 30 seconds,40 seconds or 1 minuite. Have a moment of peace !!
Live Demo : Click Me !
Select Your Pet
Based on the user input pet animals keep changing on the web page.
Live Demo : Click Me !
MCQ Exam
A sample MCQ exam that checkes whether the given answer is correct or not. If a wrong option is given it raises a error.
Live Demo :Click Me !
Add User Form
Take the input from the user as input for the form. Sinse it a sample web application I used event.preventDefault() that prevents navigation of the page.
Live Demo :Click Me !
Bomb Defuser
A bomb defuse dynamic web application. On entering a defuse text in text area then we get success text else we get boom !!. The application is developed using setTimeOut and clearTimeOut Web API's
Live Demo : Click Me !
Theme Switcher
A responsive dynamic web application that changes background image based on user input. If the user enters "light" background images id day light or if input text is "dark" the background changes to night image. The web application is developed using the concepts of AddEventListener "keyup" abd "keydown
Live Demo : Click Me !
Chat Bot Sample
A sample Chat bot web application. On click send butoon the bot leaves a Random message from its set of input instructions.
Live Demo : Click Me !
Word Cloud
A dynamic web application that is used to add user input word to the home page cloud of words of random size.
Live Demo : Click Me !
Counter
A dynamic web application when the counter increment button is clicked it increases the number. on reset click the number is reset to 0. On decrement button numbers decrease.
Live Demo : Click Me !
Guess The Number
A dynamic web application to guess the number based on hint on entering every number
Live Demo : Click Me !
Image Resizing
A dynamic website when the user clicks + button the size of image increases and on click - image size decreases
Live Demo : Click Me !
Refer ReadMe for better Understanding
NodeJs and ExpressJS
Covid 19 Authentication API's ExpressJS
Sample APIs are created using NodeJS, ExpressJS , SQLite where only authenticated users can perform any operation on the database. JWT Tokens are used to verify users and only if user has valid JWT token he can perform operations on the database. Middleware functions are used to authenticate. Refer ReadMe for better Understanding
User Authentication API's ExpressJS
Sample APIs are created using NodeJS, ExpressJS , SQLite where the user can perform various authentication operations on the data base like creating the user identity( user registration), updating the password or changing passwords and user login. Passwords are encrypted before they are stored into the data base using nodeJS packages. Refer ReadMe for better Understanding
Todo Application API's ExpressJS
Sample APIs are created using NodeJS, ExpressJS , SQLite where the user can perform various operations on the database like GET(read) , POST(create) , PUT(update) and delete. These APIS can retrieve various queries using path parameters and query parameters. Refer ReadMe for better Understanding
Player Match Scores APIS
Sample APIs are created using NodeJS, ExpressJS , SQLite where the user can perform various operations on the database like GET(read) , POST(create) , PUT(update) and delete. These APIS can retrieve various queries using path parameters and query parameters. Refer ReadMe for better Understanding
Covid 19 Tracker India ExpressJS Application
Sample APIs are created using NodeJS, ExpressJS , SQLite where the user can perform various operations on the database like GET(read) , POST(create) , PUT(update) and delete. These APIS can retrieve various queries using path parameters and query parameters.Refer ReadMe for better Understanding
Movies and Directors API
Sample APIs are created using NodeJS, ExpressJS , SQLite where the user can perform various operations on the database like GET(read) , POST(create) , PUT(update) and delete. These APIS can retrieve various queries using path parameters and query parameters.Refer ReadMe for better Understanding
Cricket Team API's
A sample API is created using NodeJS , ExpressJS and sqlite. The API allows user to retrieve data from cricket team database and also allows to perform various create(POST) , PUT(update) and delete operations. Refer ReadMe for better Understanding
Responsive Web Application
Food Munch
A responsive Food Much website ( a home page similar to online food odering websites). The wesite has completly responsive nav bar and home page
Live Demo : Click Me !
Gallery Blog
A responsive web application developed using the responsive bootstrap concepts.
Live Demo : Click Me !
Responsive Instagram Story Viewer
A static responsive web application of instagram story viewer and downloader web application.
Live Demo : Click Me !
Responsive Static Page
A static responsive Web Application of images and text.
Live Demo : Click Me !
Responsive Explore deals and offers
A static home page of deals and offer section of website which is completly responsive in nature developed using the concepts of bootstrap.
Live Demo : Click Me !
Responsive NavBar Styles
A sample project to demonstrate how responsive navbar function
Live Demo : Navbar Style 1
Live Demo : Navbar Style 1
Refer ReadMe for better Understanding
Static Website
Yoga Page
A static Yoga Page. user can navigate from home page to sub page (different types of yoga).
Live Demo : Click Me !
Static Podcast
A pure static website which have navigation from specific podcast section to home page and wise versa.
Live Demo : Click Me !
Popular Books
A pure static website which can navigate on front and back on user interaction
Live Demo : Click Me !
Book Your Flat
A static website where user can navigate from main page to 3 layes inside and back to home page.
Live Demo : Click Me !
Articles Page
A static web site to navigate from home page to sub section pages.