Hi, I'm
  • V
  • I
  • N
  • A
  • Y
  • A
  • K

FULLSTACK-WEB-DEVELOPER

I've crafted 5+ advanced React projects, showcasing professional-level skills. Additionally, I've delivered 100+ projects using HTML, CSS, and JavaScript, including intricate CSS animations, showcasing a diverse skill set.

profile_ai_pic

Instagram

@KITTAD.VINAYAK09

Whatsapp

7822020891

E-mail

vinay.reactdeveloper@gmail.com

About Me

about_img

Hi There, I'm Vinayak, Based in Maharashtra, India

BE graduate with 1 year 4 months experience as Operations Analyst and as SME. Academic achiever, consistently in the topper list. Recognized at a national level for paper presentations with multiple awards.

Experience

1.5+ years
Non-IT

Completed

18+ Featured projects

Available

9AM-9PM
Contact Me

Qualification

Education

Punyshlok Ahilyadevi Holkar University, Solpaur

BE-Mechanical

SGPA= 9.21, Percentage= 79.71%
June 2016-Nov 2020

Maharashtra State Board

Higher Secondary School Certificate

Percentage= 69.84%
2014-2016

Maharashtra State Board

Secondary School Certificate

Percentage= 84.04%
2013-2014

Experience

Global Operation First Adavatage

Opertion Analyst

I was an Operations Analyst with experience in background verification services. During my tenure at First Advantage, a company specializing in background verification, I worked as part of the SR team. My primary responsibilities involved addressing client and candidate queries and ensuring their timely resolution via email.
Assisting candidates in understanding the requirements and procedures involved.
APR 2022-JUNE 2023

Chegg-Freelancing

SME-Mechanical

As a Subject Matter Expert (SME) at Chegg QnA, I provide expertise, offering comprehensive solutions
Mar 2022-Present

My Skills

Frontend Developer

Fresher

HTML

90%

CSS

80%

JavaScript

75%

React

85%

TailwindCSS

75%

Styled Component

75%

Redux & Redux Toolkit

90%

React Router

80%

React Query

70%

CSS Canvas

50%

Recent Works

All React App Web JS App

Sneakers [React, CSS]

Demo

E-commerce Product Page

This project is a response to the E-commerce product page challenge provided by Frontend Mentor. The goal is to recreate the provided design as accurately as possible, implementing various interactive features and ensuring a responsive layout.

  • Level- Advance
  • Technologies- React.js, CSS, vite
  • Implementation- useState, short-circuit logic, lifting state up, CSS modules, Advance Animation effects
  • Host link- Click here
  • GitHub- Click here

OmniFood [HTML CSS]

Demo

OMNIFOOD-Order Meals

Food ordering app showcasing my skills in HTML, CSS, and JavaScript for animations. Mastered web development principles, implementing techniques like flexbox, grid, positioning, transformations, and layouts with precision. 🚀

Nike Website [React, Tailwind]

Demo

Nike Website [Responsive]

This project showcases my skills in React, Tailwind CSS, and Vite. It is a result of learning how to use Tailwind CSS effectively, including its utility classes and custom configurations. 🚀

React Pizza Order App [React App]

Demo

React Pizza Order App [Responsive]

Welcome to the React Pizza Order App, a professional-level web application that takes you through the entire process from user registration to order confirmation. This app is built using the latest technologies and follows best practices in React development.

  • Level- Professional
  • Technologies- React.js, React Router, Redux toolkit, Redux Thunks, Tailwind
  • Host link- Click here
  • GitHub- Click here

WorldWise Map [React App]

Demo

WorldWise [Desktop App]

This React Vite Single Page Application enables users to efficiently interact with a map, allowing them to select locations for updating personal notes. Users can seamlessly add or delete cities, leveraging a mock API for local machine operations, as backend functionality is not available on the hosted website.

  • Level- Advance
  • Technologies- React.js, Routes, Context API, Geolocation, API integration, leaflet library
  • Role- Frontend
  • Host link- Click here
  • GitHub- Click here

React Quiz App [React App]

Demo

React Quiz App

React Quiz App" is a dynamic web application crafted with React.js, featuring a responsive design for various devices. It offers an intuitive interface, a timed quiz with a progress bar, real-time score updates, and an automatic submission feature when the timer expires. The comprehensive scorecard is provided upon quiz completion.

  • Level- Intermediate
  • Technologies- React.js, CSS
  • Implementation- Mock API, useReducer for state management
  • Host link- Click here
  • GitHub- Click here

Movie Rating [React App]

Demo

PopCorn Movie Rating App

Experience the Movie Rating App – a seamless blend of user interaction and data representation. With a dynamic search bar, API integration, and a star rating component, users can effortlessly rate and manage their watched list. Dive into a personalized movie experience, discovering the power of React.js components, API handling, and UI enhancement.

  • Level- Intermediate
  • Technologies- React.js, CSS
  • Implementations- API integration, useEffect(), Custom component, Error handling, Local storage
  • Host link- Click here
  • GitHub- Click here

IP Address Tracker [React App]

Demo

Responsive IP Address Tracker

This project is a solution to the IP address tracker challenge on Frontend Mentor. The goal of the challenge is to create a responsive web application that allows users to view their own IP address on a map and search for information about other IP addresses or domains.

  • Level- Intermediate
  • Technologies- React.js, Tailwind
  • Implementations- 2 API integration , React-vite, Error Handling
  • Host link- Click here
  • GitHub- Click here

Banking Application [React App]

Demo

React-Redux [Responsive]

This is a basic banking application created using React and Redux. It allows users to create an account, deposit funds in various currencies, and internally converts them to USD using the Frankfurter API.

  • Level- Intermediate
  • Technologies- React.js, Redux, API integration
  • Implementations- useState, sorting techniques
  • Host link- Click here
  • GitHub- Click here

To Do Tracker [React App]

Demo

TODO LIST TRACKER [DESKTOP APP]

This project is a simple TODO List application built using React.js. It allows users to efficiently manage their tasks and track their progress. The project focuses on various React.js concepts and provides practical insights into their implementation.

  • Level- Basic
  • Technologies- React.js
  • Implementations- useState, sorting techniques
  • Host link- Click here
  • GitHub- Click here

Image Editor App [HTML CSS JS CANVAS]

Demo

Image Editor App [Responsive]

Launching a responsive photo editor app using HTML, CSS, and JavaScript. Master image enhancement, color theory, and advanced manipulation. Optimize file handling for stunning edits and enjoy the convenience of downloading your creations locally.🚀

  • Level- Advance
  • Technologies- HTML, CSS , JavaScript, Canvas API
  • Role- Frontend
  • Host link- Click here
  • GitHub- Click here

Personal Portfolio [HTML CSS JS ]

Demo

Personal Portfolio [Responsive]

This is a personal portfolio showcasing all my work in frontend developement.

  • Level- Advance
  • Technologies- HTML, CSS , JavaScript
  • Role- Frontend
  • Host link- Click here
  • GitHub- Click here

Weather Forecasting [HTML CSS JS API]

Demo

Weather Forecasting [Responsive]

A simple weather application built using HTML, CSS, and JavaScript. This app allows users to enter a city name and displays the current temperature, humidity, wind speed, and weather conditions. The app also dynamically changes icons based on the weather conditions, such as clouds, mist, snow, and rain.

  • Level- Intermediate
  • Technologies- HTML, CSS , JavaScript, API
  • Host link- Click here
  • GitHub- Click here

Tip Calculator [HTML CSS JS]

Demo

Tip Calculator [Responsive]

A simple tip calculator web app created using HTML, CSS, and JavaScript. This app allows users to calculate tips based on the bill amount and selected tip percentage.

Expense Tracker [HTML CSS JS ]

Demo

Expense Tracker [Responsive]

Welcome to the Expense Tracker website! This app helps you manage your expenses with a visually appealing interface. Users can sign up, log in, and track their expenses and all the credential details saved in local storage.

  • Level- Advance
  • Technologies- HTML, CSS , JavaScript
  • Implementation- Local Storage to store expense details and user Credential
  • Host link- Click here
  • GitHub- Click here

Advice Generator [HTML CSS JS API]

Demo

Advice Generator App

The challenge is to build out an advice generator app using the Advice Slip API and make it look as close to the design provided by Frontend Mentor.

Web App [HTML CSS JS REGEXP]

Demo

Image Editor App [Responsive]

This project is designed to provide a user-friendly form with input validation based on regular expressions (regex) for various user inputs. It leverages HTML, CSS (styled with Materialize), and JavaScript to create an interactive and intuitive user experience.

STOP WATCH [HTML CSS JS]

Demo

STOP-WATCH LAP TIMER

This is a simple web application that functions as a stopwatch with lap-timing capabilities. It allows users to start, stop, and reset the timer, as well as record lap times.

Featured- Design

  • Created- 4 Dec 2020
  • Technologies- HTML CSS
  • Role- frontend
  • View- www.domain.com

My Achievements

Paper Presentation

National Level

  • SPECTRUM2K182018 2nd Winner
  • KARMATECH2K192019 2nd Winner

State Level

  • TECHNOFEST2018 1st Winner

Poster Presentation

University Level

  • AVISHKAR Level 12019 1st Winner
  • AVISHKAR Level 12018 1st Winner

Paper Publication

Publication- MAT JOURNAL

New Concept on Radiant Cooling

Category:Journals of Thermal Energy Systems, Volume 4 issue 3 Year 2019

Contact Me

Email

vinay.reactdeveloper@gmail.com Write Me

Whatsapp

78-22020-891 Write Me

Instagram

@KITTAD.VINAYAK09 Write Me
Username
Phone
Message