WEB DEVELOPMENT

LISTIFY

Listify is a task management app that allows users to add new to-dos. When an item is clicked, it is removed from the list. As more items are added, a scrollbar will appear. The app demonstrates the use of event listeners to handle form events and employs DOM (Document Object Model) manipulation to add and remove items from the list.

See Project

React Native Development

Roam & Record

Roam & Record is a feature-rich mobile application developed with React Native, designed to enhance travelers' experiences by enabling them to effortlessly track and categorize travel expenses. The app demonstrates seamless Firebase integration, ensuring secure authentication and reliable cloud storage for users’ data. With Redux powering efficient state management, Roam & Record delivers a responsive and user-friendly experience. As my first full-stack project, it reflects my dedication to building a robust, practical solution for travel tracking and management.

View Demo

React Native Development

Little Lemon Food Ordering App

Little Lemon is the final project I developed as part of the Meta React Native Specialization certificate program. This app demonstrates the use of React Hooks, React Navigation, and Async Storage for persisting user data, as well as a UI that is compatible with both Android and iOS. Check out the live demonstration of the app via the link below.

View app

React Native Development

TASKO

Tasko is a cross-platform application made with React Native. It is a task manager app that allows users to add new task.It demonstrates the use of Props, Hooks, State management, Modals, and FlatLists.Tasko provides a practical example of building functional and responsive apps using React Native.

Install App

Web Development

TWENTY COUNTER

Twentycounter is my first React project, demonstrating my understanding of why the UI doesn't update automatically and how powerful hooks are in enabling changes across multiple parts of the application. In this project, the useState() hook is used to update the counter value upon a click event and also conditionally stops when it hits 20 or 0.

See Project

Web Development

MYSTERY NUMBER GAME

The Mystery Number Game Project demonstrates the use of Event Listeners to handle form events and implement the game logic. It conditionally handles invalid user input, keeps track of all user inputs in an array, and demonstrates the concept of generating a random number using the Math library. The crucial part of this project was figuring out how to update values on each submit event. This game engages the user in guessing a random number generated using Math.random().

See Project

Web Development

BMI TRACKER

The BMI tracker demonstrates handling form events and the importance of preventing default form actions. It primarily focuses on capturing user input from input fields using the DOM (Document Object Model) and managing NaN values. This BMI calculator takes height in centimeters and weight in kilograms; upon calculation, it displays the Body Mass Index as well as the weight category.

See Project

Web Development

TIME BUDDY

Time Buddy is a digital clock that demonstrates the use of the 'setInterval' function to execute a callback every 1000 milliseconds (1 second). JavaScript's Date object is used to get the current time, and basic DOM (Document Object Model) manipulation is employed to display the time. The most notable feature is the setInterval() function, which enables the real-time updating of the clock.

See Project

WEB DEVELOPMENT

PALETTE PICKER

The Palette Picker Project demonstrates the use of event listeners in JavaScript to handle the 'click' event on buttons of various colors. It also involves manipulating the DOM (Document Object Model) by changing the background color to match the corresponding color of the clicked button.

See Project

PYTHON DEVELOPMENT

TAMPER TRACE

This is an image forgery detection and localization software. The md5 hashing algorithm, OpenCV and Tkinter has been leveraged to develop a robust solution that can pinpoint areas in an image that have been tampered with or morphed with any kind of image manipulation techniques. Key features: Visual Feedback, Offline Availability and No Original Image Required.

MACHINE LEARNING MODEL

SOCIAL MEDIA ADS CLASSIFIER

This a machine learning model that predicts if a particular person would purchase a product on not. The classification is done based on age, salary and gender. The model is trained via supervised learning algorithm which is K-nearest neighbor classification(KNN) algorithm.

See Project

PYTHON AND DATABASE

TASK MANAGER

This is a simple python program that leverages Object Oriented Programming and integrates with MySQL to Create, Read, Update and Delete the task entered by the user providing a persistent storage of task along with due date.

See Project

Web Development

REPEAT – RECALL MEMORY GAME.

I developed this project using JQuery.The logic behind this game was indeed challenging to recreate than I thought. This project is inspired by the famous game called ‘simon’. It challenges your memory power and test how far your brain can retain the information. And also I learnt how to add sounds to a website through this project.

See Project

Web Development

BANG BOX – DRUM KIT

This javascript project demonstrates the use of higher order function and callback functions, which shows how to respond when a button is clicked. And my website has 7 buttons which makes 7 different sounds when clicked via mouse and also the corresponding key from the keyboard.

See Project

WEB DEVELOPMENT

HABIT FORGE PROJECT

This is a website that daily task and scientific facts behind that tasks which will help a person to build a habit and stay consistent with it. It leverages the use of HTML and basic CSS to create this static website.

See Project

Web Development

SHUFFLE THE DICE

This is a basic web development project. I have used my understanding of DOM manipulation to develop this project. Also, I have used the random module which will display random dice images whenever the screen is refreshed. Check this out.

See Project

WEB DEVELOPMENT

TUNE TALES

This is a website that acts as a music player when the clickable image is tapped by the user. This project at a basic level, is developed only with HTML. It leverages the used of anchor tag to play the music.

See Project

Python Development

PYTHON COFFEE MACHINE

This is an intermediate level python project.Python coffee machine allows you to order your coffee!(virtually).Its main functionality is that, it keeps track of the resources and money and displays it as a report.

See Project

Backend Development

QR CODE GENERATOR MADE WITH NODE AND NPM.

I have been learning the “asynchronous event-driven javascript runtime (node.js) and the node package manager (npm). Also, I have learnt about the native node modules such as file system – fs. To build this project, I have used the following npm packages :

1. 1.Inquirer.js
2. 2.qr-image
3. 3.native module – fs

See Project