Projects

Flash Cards

A flash card app with pre-defined questions and answers that users can flip through to test their knowledge.

Features
  • Pre-defined flashcards with questions and answers
  • Progress bar to show the user’s progress
  • Ability to view flashcards one at a time and flip to reveal the answer
  • Simple navigation to cycle through the flashcards
React Tailwind CSS
View Project
Shakespeare Play Viewer

An interactive JavaScript-based application which shows different scenarios from different acts. It's responsive. The focus is on functionality and interactivity, not design.

HTML CSS JavaScript
View Project
Color Scheme Viewer

A tool built to help visualize and explore different color schemes.

Features
  • Instantly see how different color schemes look in real time
  • Enjoy a seamless experience on desktops, tablets, and mobile devices
HTML CSS JavaScript
View Project
FWD Project Solutions

Solution to Fundamentals of Web Development, 3rd Edition by Randy Connolly. It has 45+ web development projects of varying difficulty level in a single GitHub repository. I have solved up to chapter 10 (More than half of the total).

HTML CSS Sass (SCSS) JavaScript React Git & GitHub Node.js Express.js PostgreSQL MongoDB RESTful APIs JWT Auth
View Project
Nature

A simple and elegant project built using Tailwind CSS and Vanilla JavaScript. The project aims to showcase the beauty of nature through a responsive and interactive web experience. It leverages the power of Tailwind CSS for styling and JavaScript for interactivity.

Tailwind CSS JavaScript
View Project
NewBreeze

NewBreeze (previously magpieOS) is a beginner-friendly Arch Linux distribution (Final year project of ISTT). It gained first position at project presentation at ISTT. There is also a publication on it published by Springer Nature.

Bash JSON
View Project
Personal Portfolio 2

A personal portfolio built with Bootstrap, Saas (SCSS), and JavaScript. The result of this project is the portfolio you are exploring currently. This portfolio is temporary as I don't want to use Bootstrap in this case, React with Tailwind CSS or Next.js is my preference.

Features
  • Clean, minimal and responsive UI
  • Intuitive UX
  • JavaScript interactivity
  • Both JavaScript and Bootstrap form validation
  • Responsive navigation bar for home, projects, research, blogs, and contact page
  • Layout reverses based on screen size
  • Dynamic footer
  • Both Bootstrap and Font Awesome icons are utilized
  • Some features are hidden based on screen size
  • Complex but intuitive layout
Sass (SCSS) Bootstrap JavaScript
View Project
Task Management API 3

A simple and modular RESTful API for managing tasks, built with Express.js and MongoDB.

Features
  • Create, read, update, and delete tasks (CRUD)
  • Pagination support for task listing
  • Search tasks by title (case-insensitive)
  • Data validation and offensive language filtering
  • Modular route and error handler structure
  • Environment-based configuration
  • Graceful shutdown with MongoDB disconnection
Node.js Express.js MongoDB RESTful APIs
View Project
Task Management API 2

A simple and robust Task Management RESTful API built with Express.js and PostgreSQL. This API allows users to create, read, update, delete, and search tasks with support for pagination and filtering.

Features
  • Create tasks
  • Fetch all tasks with pagination and search
  • Retrieve tasks by ID
  • Update tasks by ID
  • Delete tasks by ID
  • Built-in input validation middleware
  • Uses environment variables for database configuration
  • Database connection test
Node.js Express.js PostgreSQL RESTful APIs
View Project
Task Management API

A simple RESTful Task Management API built with Express.js. This project provides a basic in-memory CRUD (Create, Read, Update, and Delete) API for managing various tasks.

Features
  • List all tasks
  • View a specific task by ID
  • Create a new task
  • Update an existing task
  • Delete a task
  • Logs incoming HTTP requests
  • Validates task creation input
Node.js Express.js RESTful APIs
View Project
Book Listing Server

A simple Express.js server that provides a list of nature-themed books with support for search and detailed views.

Features
  • Request logging middleware
  • Home route
  • Book list route which returns a list of all books
  • Book search route which searches for books by title
  • Book details route which fetches book details by ID
  • Error handling middleware for unknown routes
Node.js Express.js
View Project
Note Taker CLI

A simple and intuitive command-line note-taking app built with Node.js.

Features
  • Create, read, list, delete, and delete all notes
  • Input validation for all the commands
  • Colored output
  • CLI built using yargs
  • Data stored in a local notes.json file
Node.js
View Project
Personal Portfolio

Sample (not real) personal portfolio built with HTML and CSS for learning purpose.

Features
  • Fully styled and responsive
  • Consistent use of a chosen color scheme and typography
  • Proper use of CSS techniques like Flexbox, media queries, and the box model
  • Responsive navigation bar and well-styled contact form
  • Google Fonts to enhance the typography
  • Support for dark mode using CSS variables
  • CSS grid is used to simplify the layout
HTML CSS
View Project
Easy Diffusion

Easy to use diffusion in mobile interface using Hugging Face Diffusers library. Google Colab notebook is included in README section to try.

Python 📓 Jupyter Notebook 🤗 Diffusers
View Project
Interactive To-Do List

An interactive to-do list application built with HTML, CSS, and jQuery. Along with HTML and CSS, it combines DOM manipulation, event handling, and user interface updates, all of which are core jQuery concepts.

HTML CSS jQuery
View Project