Kumanan Eswaran

Aspiring software developer transitioning from manufacturing engineering, bringing strong analytical problem-solving, project management, and process optimization skills. Skilled in JavaScript, React, and front-end development, with hands-on experience in building responsive web applications. Passionate about continuous learning, improving code efficiency, and contributing to a collaborative development team. Keen to apply my technical and problem-solving abilities to create impactful digital solutions.

Technical Skills

HTML5 HTML5
CSS3 CSS3
JavaScript JavaScript
React React
SCSS SCSS
Git Git

Projects

Project Image

Todo App

This React.js todo app helps users manage their tasks easily. It includes login protection using React Router and Context API. Users get instant feedback with Toastify when adding a todo and a confirmation popup before deleting one to prevent mistakes. The app also lets users edit tasks smoothly, making it simple and efficient to use.
username:user@example.co; password:password

Code Live Demo
Project Image

REST Countries API

This Country Explorer web app allows users to browse and search for countries with detailed information, including population, region, capital, languages, and currencies. It features a dynamic search bar and region-based filtering for easy navigation. Clicking on a country provides an in-depth view with native names, subregion details, and bordering countries.

Code Live Demo
Project Image

Coffeeroasters Subscription Site

Coffeeroasters subscription site is a responsive web application featuring a homepage, about page, and a subscription plan creator. JavaScript handles user inputs, UI toggles, form validation, and a modal confirmation for finalizing plans. This site also ensures accessibility with proper ARIA attributes and keyboard navigation.

Code Live Demo
Project Image

Advice Generator App

This Advice Generator App is a simple yet interactive web application that fetches random advice from the Advice Slip API using JavaScript's fetch function. Built with HTML, CSS, and JavaScript, this app dynamically updates the UI to display new advice each time the user clicks the button.

Code Live Demo
Project Image

Interactive Frontend Quiz App

This Frontend Quiz App is an interactive web-based application built with HTML, CSS, and JavaScript. It features a clean UI with a dark mode toggle, dynamic question updates, and real-time feedback using visual indicators. With structured question flow and score tracking, this project highlights my skills in frontend development, DOM manipulation, and JavaScript interactivity.

Code Live Demo
Project Image

Interactive Rating Component

This Rating Component is a simple yet interactive web-based feedback system built with HTML, CSS, and JavaScript. It allows users to rate their experience on a scale of 1 to 5, dynamically updating the selected rating before submission. Upon clicking "Submit," the interface transitions to a thank-you message displaying the chosen rating.

Code Live Demo
Project Image

FAQ-Accordion

This FAQ Accordion built with HTML, CSS, and JavaScript that provides a user-friendly way to display frequently asked questions. This app features a collapsible accordion layout where users can toggle the answers. It incorporates keyboard accessibility with event handling, allowing users to open and close questions using both mouse clicks and keyboard interactions.

Code Live Demo