AboutProjectsTestimonialsContact

Dynamic Web Magic with Next.js

Transforming Concepts into Seamless User Experiences
Roni Mandal

Roni Mandal

FullStack Developer

KIIT University

KIIT University

B.Tech, 2022-2026 | CGPA 8.67

I'm a dedicated FullStack Developer based in Kolkata, India.
Currently pursuing B.Tech at KIIT University (2022-2026) with a CGPA of 8.67. Passionate about building impactful products and stays active with soccer.

/b1.svg
I prioritize client collaboration, fostering open communication
Im very flexible with time zone communications
React (Next.js), TypeScript, Node.js, Express, MongoDB, Tailwind CSS, Three.js, Git, and CI/CD.
My tech stack
tech-0
tech-1
tech-2
tech-3
tech-4
tech-5
tech-6
tech-7
/grid.svg
/b4.svg
Tech enthusiast with a passion for development.
/b5.svg
/grid.svg
The Inside Scoop
Currently building a JS Animation library
Do you want to start a project together?

A small selection of recent projects

bgimg
cover

🌟 SCatch – An Online E-Commerce Platform

A full-featured e-commerce platform with secure authentication, cart management, and Razorpay payment integration.

Tech Stack

Backend: Node.js, Express.js
Frontend: EJS Templating, Tailwind CSS
Database: MongoDB, Mongoose ODM
Authentication: Passport.js, express-session
Payment: Razorpay API Integration
Uploads: Multer
Styling: Tailwind CSS
icon5
icon5
icon5
icon5
🌟 SCatch – An Online E-Commerce Platform
bgimg
cover

🌙 Moodly

A mood journaling platform with user profiles, image uploads, and delightful UI interactions for tracking emotions.

Tech Stack

Backend: Node.js, Express.js, MongoDB with Mongoose
Authentication: JWT, Bcrypt for password hashing
SessionHandling: Cookie-Parser
Uploads: Multer for image uploads
Frontend: HTML5, TailwindCSS, EJS Templates
Styling: TailwindCSS
icon5
icon5
icon5
icon5
icon5
🌙 Moodly
bgimg
cover

🎙️ Hindi ASR Optimization & Advanced Evaluation Pipeline

This repository contains a comprehensive pipeline designed to improve and evaluate Automatic Speech Recognition (ASR) for conversational Hindi. The project transitions from standard string matching to a sophisticated Lattice-based evaluation system, ensuring that valid linguistic variations (synonyms, number formats, and spellings) are handled fairly.

Tech Stack

Backend: Librosa, Soundfile, NLP: Transformers (OpenAI Whisper), Regex, Pandas
Frontend: iwer (WER), Levenshtein Distance
icon5
icon5
icon5
icon5
🎙️ Hindi ASR Optimization & Advanced Evaluation Pipeline
bgimg
cover

♟️ Online Chess Game

A real-time two-player online Chess game built with HTML, CSS, JavaScript, Node.js, and Express.js. Designed for interactive gameplay with clean UI and live opponent moves.

Tech Stack

Frontend: HTML5, CSS3, JavaScript
Backend: Node.js, Express.js, Socket.io
icon5
icon5
icon5
icon5
icon5
icon5
♟️ Online Chess Game
bgimg
cover

ECC-P521 vs RSA-4096 🔐

The study provides a multi-dimensional comparative analysis between Elliptic Curve Cryptography (ECC-P521) and RSA-4096.

Tech Stack

Language: Python 3.x
Environment: Kaggle / GitHub
Key Libraries: cryptography, scikit-learn, psutil, matplotlib, seaborn, pandas
icon5
icon5
icon5
icon5
ECC-P521 vs RSA-4096 🔐
bgimg
cover

🚀 MetroFlow AI: High-Performance Traffic Reliability System

MetroFlow AI is a 10-module engineering framework designed to quantify urban traffic unreliability. Moving beyond simple average speeds, this system calculates the Buffer Index (BI) and Planning Time Index (PTI) to predict congestion shocks and their associated economic impact on modern infrastructure.

Tech Stack

Low-Level Systems: C++17 (G++ Compiler), STL, Math.h
Intelligence Layer: Python 3.12, TensorFlow 2.x, Scikit-Learn, Pandas, NumPy
Visualization: Plotly Express, Mapbox API, Chart.js, Seaborn
Environment: VS Code, Kaggle Kernels (XLA/CUDA optimized)
icon5
icon5
icon5
icon5
icon5
icon5
🚀 MetroFlow AI: High-Performance Traffic Reliability System
bgimg
cover

🌤️ Your Naturely App – Weather Dashboard

Tasked with building and deploying a Weather Dashboard Web App using React.js. The app should allow users to search for any city and view its live weather information using data fetched from the OpenWeatherMap API.

Tech Stack

Frontend: React.js, JavaScript (ES6+)
API Integration: OpenWeatherMap API, Fetch API
Styling: CSS3, Responsive Design
Deployment: Vercel
State Management: React Hooks (useState, useEffect)
UI/UX: Modern Weather Dashboard Interface
icon5
icon5
icon5
icon5

Live Site

🌤️ Your Naturely App – Weather Dashboard

Kind words from satisfied clients

  • Roni has exceptional talent in translating requirements into reliable, maintainable products. His attention to UX and backend resilience is impressive.
    profile
    Dikshat MehraProduct Owner
  • A collaborative and proactive teammate who brings modern fullstack knowledge and solid delivery to each project.
    profile
    Patik MishraEngineering Lead
The MathCompanyThe MathCompany

My work experience

My approach

Planning & Strategy

We'll collaborate to map out your website's goals, target audience, and key functionalities. We'll discuss things like site structure, navigation, and content requirements.

Development & Progress Update

Once we agree on the plan, I cue my lofi playlist and dive into coding. From initial sketches to polished code, I keep you updated every step of the way.

Development & Launch

This is where the magic happens! Based on the approved design, I'll translate everything into functional code, building your website from the ground up.