thekiranmahajan
π Frontend Developer | CSE Student | π» Learning things by actually doing ... π Graduating 2024
India
Pinned Repositories
ansrsource-video-player
A fully responsive video player built with HTML, CSS, and JavaScript, featuring custom playback speed control, enhanced accessibility, and a range of user interface improvements. This project demonstrates the creation of a modern media player without relying on third-party libraries or frameworks, focusing on clean and maintainable code.
bgChanger
This is an another React.js experiment with React Hooks. by using react hooks i've created an application which is capable of changing background color based on which button is pressed resetting the default color value present in useState hook and changes Background with a smooth transition delay. this app is designed with Tailwind CSS classes
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-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
FundVerse
FundVerse is a decentralized crowdfunding platform leveraging React.js, Tailwind CSS, and Thirdweb for smart contract deployment. It empowers users to create campaigns and seek donations for various causes or personal needs. Built on a stack including Hardhat and Solidity, it streamlines fundraising for individuals pursuing positive change.
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
nike-clone
Its show selling platform which showcases the varity of shows with prices and their ratings. this site comes with fully responsive and interactive web design which provides a awesome user experience UX. This is a cool looking Nike clone with different awesome sections.
pinsave
Pinsave is an image based social media platform which has some cool security & UI features such as it has Local strategy authentication authorization system implemented in registration and login page. This is a Backend focused application made using express-generator template with EJS. also used the powers of Tailwind CSS for awesome Web design.
tandoori-js
TandooriJs - Reacting to Your Hunger, One Byte at a Time! Tandoori-Js is a food ordering platform made using the combined powers of Parcel bundler + React.js + Tailwind CSS.
wit-chat
witChat is a realtime chat application which made using MERN stack and socket.io. It leverages node.js + express.js to perform CRUD operations in MongoDB that helps to retrieve and store chats efficiently using modular API endpoints for different operations. also it uses cloudinary to store avatars of uses over cloud for persistent storage
thekiranmahajan's Repositories
thekiranmahajan/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
thekiranmahajan/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
thekiranmahajan/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.
thekiranmahajan/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.
thekiranmahajan/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
thekiranmahajan/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.
thekiranmahajan/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.
thekiranmahajan/Animation-effects
thekiranmahajan/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
thekiranmahajan/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...
thekiranmahajan/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.
thekiranmahajan/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
thekiranmahajan/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.
thekiranmahajan/backend-SCH
this repo is about backend learnings such as Node.js, Server creation using Express.js, NPM packages and their installations, etc
thekiranmahajan/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
thekiranmahajan/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.
thekiranmahajan/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
thekiranmahajan/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
thekiranmahajan/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
thekiranmahajan/book-site-react
Tried making an Book selling site using create-react-app template with tailwind css
thekiranmahajan/Exercise05-JavaScript-Series
thekiranmahajan/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.
thekiranmahajan/Exercise04-JavaScript-Series
thekiranmahajan/Exercise03-JavaScript-Series
thekiranmahajan/CodeHelp
thekiranmahajan/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.
thekiranmahajan/Chapter08-JavaScript-Series
thekiranmahajan/Chapter07-JavaScript-Series
thekiranmahajan/text_former
thekiranmahajan/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.