About

Who I am

Nandhini's photo

Driven web developer with hands-on experience in front-end and back-end technologies. Skilled in creating dynamic and responsive web applications using HTML, CSS, JavaScript, React, Node.js, MongoDB, Strapi, and Docker. Proficient in deploying websites using hosting services such as Amazon S3, EC2, Netlify, and Render.

I possess strong problem-solving abilities and a keen attention to detail, which enable me to tackle complex challenges effectively. My excellent collaboration and team management skills allow me to work seamlessly with others, ensuring that projects are completed successfully and on time.

Skills

My Skillset

  • HTML

  • CSS

  • Responsive
    Design

  • JavaScript

  • React

  • Node JS

  • MongoDB

  • REST APIs

  • Firebase

  • Docker

  • Git

  • AWS S3 and EC2

Projects from the MIT xPRO Full Stack Development course

What I've done

Pacmen
Pacman Image
The PacMen project involves creating a web page that generates PacMen on the click of a button using array methods and DOM manipulation. Clicking the "Add PacMan" button adds a new PacMan to the screen, while clicking the "Start Game" button makes all the PacMen move across the screen, bouncing off the edges. This project demonstrates basic animation and user interaction with JavaScript.

TECH STACK : HTML, CSS, JavaScript
PROJECT REPOSITORY : Pacmen on GitHub
LIVE SITE :

Eye
Eye Project
The Eye Movement project features a web page with two eyes that follow the mouse movement. Using JavaScript, the project leverages the 'mousemove' event to update the position of the eye elements dynamically. This is achieved by detecting the cursor position and storing its coordinates, allowing the eyes to track the cursor smoothly across the screen. This project demonstrates interactive DOM manipulation and event handling with JavaScript.

TECH STACK : HTML, CSS, JavaScript
PROJECT REPOSITORY : Eye on GitHub
LIVE SITE :

Snake-Game
Snake-Game Project
This webpage hosts an interactive Snake Game. It features a classic arcade-style game where the player controls a snake, navigating it to consume food items that appear randomly on the screen. Each item consumed makes the snake longer, increasing the game's difficulty. The objective is to grow the snake as long as possible without colliding with the walls or the snake's own body. The game includes a scoreboard to track the player's highest score. The interface is simple and user-friendly, providing an engaging retro gaming experience.

TECH STACK : HTML, CSS, JavaScript
PROJECT REPOSITORY : Snake-Game on GitHub
LIVE SITE :

To-Do List
TO-DO LIST
This webpage hosts a To-Do List application built with React. Users can add, delete, and mark tasks as completed. The interface is clean and intuitive, allowing for easy task management. Each task entered appears in a list format, with options to mark it as done or remove it. This application helps users organize their tasks effectively, improving productivity and task tracking.

TECH STACK : HTML, CSS, React JS
PROJECT REPOSITORY : Todo-react-app on GitHub
LIVE SITE :

Tic-Tac-Toe
Tic-Tac-Toe Project
This webpage hosts a Tic-Tac-Toe game where two players can compete against each other. The game board is a 3x3 grid, and players take turns marking a cell with either an "X" or an "O". The objective is to get three of their marks in a row, column, or diagonal. The interface is simple and interactive, providing an enjoyable experience for users. After each game, players have the option to restart and play again.

TECH STACK : HTML, CSS, React JS and babel
PROJECT REPOSITORY : Tic-Tac-Toe on GitHub
LIVE SITE :

Holy Grail Application
Holy-Grail-Layout
This project contains full stack holy grail application. The front end of the application will have a header, a footer, a main article, and panes on the right and left. The front end of the application use react framework and back end is running on the Node.js platform with an additional package of Express for defining the routes and the API. Superagent is used to make calls to the backend. Redis is set up as a database and run it on top of a Docker.

PROJECT REPOSITORY : Holy Grail Application on GitHub
DEMO :

Full Stack Banking Application
Full Stack Banking Application preview
Bad Bank is a three tier banking application created during Post Graduate Certificate in Full Stack Development with MERN conducted by MIT xPRO. It allows the user to deposit and withdraw the money. It's key features are sign-up, sign-in, deposit, withdrawal, checking balances and providing security for user details. Front end of banking application is deployed in Amazon S3 bucket.

PROJECT REPOSITORY : Full Stack Banking Application on GitHub
DEMO :

Contact

Contact Me

Location:

Mulanur, Tiruppur 638106