About Me

feeling_proud
I'm Dinesh, a recent graduate with a BTECH in Information Technology, scoring an 8.3 CGPA from Arunai Engineering College.

I'm passionate about full stack web development and have hands-on experience building interactive and responsive web applications using HTML5, CSS3, JavaScript, and React.js for the frontend, and Spring Boot for the backend.I have also worked with MySQL to design and manage databases for various applications.

I have demonstrated leadership in the project "Violence Detection and Notification System Using Deep Learning," where I coordinated team efforts, managed timelines, and ensured successful project delivery, enhancing my leadership and problem-solving abilities.

My Experience

SoftTech Ashram Logo

FrontEnd Trainee Intern

SoftTech Ashram, Chennai
Apr 2025 - Jul 2025

Successfully completed an internship as a FrontEnd Trainee, learning and implementing technologies related to FrontEnd Development, including version control. Actively participated in project development, team collaboration, and demonstrated strong problem-solving and coding skills.

  • Worked with modern frontend technologies and version control
  • Collaborated in team projects and development cycles
  • Demonstrated dedication, enthusiasm, and effective communication
  • Received appreciation for sincere efforts and problem-solving skills
Issued By: Soft Tech Ashram

My Skills

Front-end

HTML5

HTML5

CSS3

CSS3

JavaScript

JavaScript

sass

Sass

Bootstrap

Bootstrap

React

React

Material UI

Material UI

Back-end

Java

Java

SpringBoot

SpringBoot

MySQL

MySQL

Firebase

Firebase

Python

Python

Node.js

Node.js

Others

Git

Git

github

GitHub

Figma

Figma

Postman

Postman

SonarQube

SonarQube

My Projects

Amazon Clone

Amazon Clone

HTML CSS JavaScript Bootstrap Redux Toolkit Vite

Amazon Clone – Frontend UI Project Developed a responsive Amazon Clone using HTML and CSS to replicate the look and feel of the popular e-commerce platform’s homepage. The project features a fixed top navigation bar, search box, shopping cart icon, and multiple product sections with category banners, deals, and advertisements.

  • 🏠 Landing Page with banners and featured products
  • πŸ“‚ Category & Subcategory browsing
  • πŸ” Product Search & Filtering
  • πŸ›’ Product Details with images and properties
  • πŸ‘€ User Authentication (Login/Register)
  • πŸ’³ Payment Modal (UI only)
  • πŸ” Responsive Design for all devices
  • 🌐 API Integration with backend proxy
  • πŸ› οΈ State Management with Redux Toolkit
  • πŸ“ Snackbar Notifications
  • ⚑ Fast Development with Vite
DineVerse Movie Website

DineVerse Movie Website

React Bootstrap JavaScript Vite TMDb API

DineVerse is a modern movie discovery web application built with React and Vite. It allows users to browse, search, and explore detailed information about movies using The Movie Database (TMDb) API. The app features a responsive UI with Bootstrap 5, seamless navigation with React Router, and a clean, user-friendly experience. Whether you're looking for top-rated, popular, or upcoming movies, DineVerse makes it easy to find and learn more about your favorites.

  • 🎞️ Browse movies by category (Now Playing, Top Rated, Popular, Upcoming)
  • πŸ” Search for movies by title
  • πŸ“ View detailed information for each movie
  • πŸ“± Responsive design with Bootstrap 5
  • 🧭 Routing with React Router
  • ⬆️ Scroll to top on route change
  • 🌐 API data from The Movie Database (TMDb)
DineBuy

DineBuy

Bootstrap JavaScript HTML CSS

DINEBUY is an e-commerce platform specializing in selling premium-quality shoes. Features include product browsing, cart management, and secure checkout. Built with React.js, Bootstrap, and Firebase for real-time data.

  • 🏠 Home Page - Highlighting featured products and deals.
  • πŸ‘Ÿ Product Pages - Detailed pages for each shoe.
  • πŸ” User Login - Secure login system for users.
  • πŸ“± Responsive Design - Optimized for all devices with Bootstrap integration.
TODO-LIST

TODO-LIST

JavaScript Firebase HTML CSS

A CRUD (Create, Read, Update, Delete) application built using JavaScript and Firebase Realtime Database. Users can add, edit, delete, and mark tasks as completed, with instant updates.

  • πŸ“ Add Users - Insert new records with Name, Age, and City.
  • πŸ‘€ View Users - Dynamically display the list of users in a table format.
  • ✏️ Edit Users - Update existing records.
  • ❌ Delete Users - Remove records from the database.
  • πŸ“± Responsive Design - Adjusts seamlessly to various screen sizes.
GFC Website

GFC Website

HTML CSS JavaScript

A responsive and interactive webpage designed for GFC, featuring modern layouts, animations, and user engagement features. Built with HTML, CSS, and JavaScript.

Rock Paper Scissors

Rock Paper Scissors

JavaScript HTML CSS

A fun and interactive Rock Paper Scissors game where players challenge a fierce AI opponent in a glowing, animated showdown! The game is built with JavaScript for dynamic gameplay, featuring smooth animations, glowing UI effects, and real-time score tracking.

  • βš”οΈ Player vs Computer gameplay
  • πŸ’« Animated interface with glowing UI and hover effects
  • πŸ”₯ Life system – You’ve got 6 chances to beat the bot
  • πŸ–±οΈ Custom animated cursor with click effects
  • ❄️ Snowflake background effect for an immersive feel
  • πŸ’₯ Image shake, glow, and pop animations on win/loss
  • πŸ“± Mobile responsive and smooth across devices
  • 🧊 Modal result screen with stylish blur and transitions
Ghost Tic Tac Toe

Tic Tac Toe – Ghost Mode ( AI vs Player )

JavaScript HTML CSS

A modern, animated web version of the classic Tic Tac Toe game with a unique ghostly theme. Features include Player vs Player and Player vs AI (Ghost) modes, three AI difficulty levels, animated floating ghosts, glowing UI effects, a responsive design, and an interactive scoreboard.

  • 🧠 AI Difficulty Levels – Easy | Medium | Hard (Minimax: Unbeatable!)
  • πŸ‘» Ghost Mode – Play against a mysterious AI ghost with animated mist 🌫️
  • 🎨 Modern UI – Neon glow effects, animations, blur backgrounds
  • πŸ’― Score Tracking – Real-time win/draw/loss counter
  • πŸ“± Responsive Design – Works on all screen sizes
  • πŸ” Game Reset – Reset the board anytime
  • πŸ”„ Mode Switch – Switch between Ghost Mode and Player-vs-Player mode

Contact Me