Kiran Mahajan's repositories
currency-converter-javascript
Currency converter made with pure JavaScript and it was kinda easy when i did this in React.js. this application provide modern cool looks with complex functionality of converting almost all currencies to desired currency in the world just checkout features below in readme file
bmi-calculator
BMI index calculator which is used to understand the status of weight to height ratio of an adult person as per the WHO guidelines for BMI. a cool looking container having glassmorphism effect and a bg image made using HTML, CSS. the logic of getting user inputs dynamically and computing the BMI value with conditional Tips implemented using DOM.
currency-converter
A awesomely😎looking fully responsive web app. the currency convertor is capable of converting almost every currency in the world to desired currency rate for example: INR to USD or USD to INR. currency convertor leverages the functionalies of React.js such as Hooks especially useState, useEffect and a custom one which handles the API datra.
english-dictionary
A dictionary app which made using HTML, CSS, JavaScript. which is capable of handling API requests and Errors also works with side cases. and provides word meaning, definition and pronunciation.
Learning_ReactJs
This is a create-react-app template created to learn concepts of React.js with the powers of Tailwind CSS for better CSS readability.
local-notes-app
Local Note is note taking app which foundationally works on concept of localStorage. it offer create new note, double click to delete a particular note from both DOM and localStorage and also provides delete all notes button. local note app is fully responsive and uses core of JavaScript such as map, filter, arrow fn, eventliseners, etc
password-generator
This a Password generator React.js application which generates different password combinations based on the user inputs. Such as we can provide length of password or will it contains characters or numbers, etc to make password more complex. also have added a visually appealing copy button to easily copy password generated to clipboard
random-emoji-picker
A simple JavaScript project which retrieves data from an emoji-based API and stores that into an array which gets data in the form of objects having 2 key value pairs character: "😎" and title: "cool". title gets sliced using string method and everything is pushed using a for loop and an eventListener is being called on every HTML element click.
random-quote-generator
A HTML, CSS, JavaScript project that mainly focuses on concept of fetch API, async-await, DOM manipulation, and error handling using try-catch, etc. also it offers a creative animated, responsive user interface
react-with-next
This repository contains the practice material and code which implemented to explore more about the Next.js routing and react core fundamentals. and how easy is the routing is in the Next.js by just creating folder with minimal configuration we can actually implement routing in next.js application
routing-in-react
Thi repo is created to learn more about routing in React.js and its implementation in a react application for route forwarding without page refresh. Tech stack used React.js, Tailwind CSS, Vite bundler for all optimization handling of a React application
temperature-converter
This is a HTML, CSS & JavaScript project which converts the dynamic user input values in form of number using input fields and convert it to respective unit of temperature from Celsius, Kelvin and Fahrenheit. after conversion it reflects the values in respective input field. for conversion it uses respective unit formulas and switch case statement.
mongoDB2
A backend practice repo in which i explored and learnt about the Node.js, Express.js, Mongoose.js, EJS, Routes, Server creation, Port, express-sessions, MongoDB integration using mongoose.js, etc topics covered also implemented authentication authorization system and made login/ registration page
anime-gifs-generator
This is a GIF generator website which generates GIFs of a dynamic category provided by user using input values. anime-gifs-generator is capable of generating multiple gifs or pics at the same time of a given category. It offers a responsive design with fostering the powers of JavaScript concepts.
backend-SCH
this repo is about backend learnings such as Node.js, Server creation using Express.js, NPM packages and their installations, etc
book-site-react
Tried making an Book selling site using create-react-app template with tailwind css
dad-joke-generator
This is a dad-joke-generator which generates random dad jokes by handling the API calls. it also capable of handling errors. it provides responsive and interactive animated design made using vanilla CSS also it uses JavaScript to at logic and HTML for its structure
feedback-ui
A Feedback UI card which is made using HTML, CSS, JavaScript. Feedback UI is mainly based on concepts of DOM manipulation. with complex state updating of HTML elements such as images, etc. also it is capable of Gray scaling an image based on the parent/sibling/self target clicks...
IndependenceDay-2023
This is patriotic site which i made on the occasion of INDIA's 77th Independence day for the Independence day celebration this site uses HTML, CSS JavaScript as its tech stack. this site has different CSS effects which are visually appealing and interactive.
JavaScript-By-CWH
This folder contains all the chapters of JavaScript which i learnt during the YT course of Code With Harry. also it contains all the exercises which i did during the course. and the implementation of curious things in JavaScript with HTML & CSS
mongoDB
this repo is a practice repo of backend functionalities such as Sessions, Cookies, MongoDB Schema and query methods creation, find, findOne, findOneAndDelete, etc concepts are cleared.
sem7thTimeTable
This project was just for fun as i wanted to improve my college's timetable of 7th semester as they've made that into word document and i wanted to put some life to it some i created a table based UI of HTML and styled all elements with cool looking CSS and made all components responsive for small devices as well.