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](./assets/img/Profile_Image.png)
About Me
![about_img](./assets/img/Profile_sub_image.png)
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+ yearsNon-IT
Completed
18+ Featured projectsAvailable
9AM-9PMQualification
Education
Punyshlok Ahilyadevi Holkar University, Solpaur
BE-Mechanical
SGPA= 9.21, Percentage= 79.71%
June 2016-Nov 2020Maharashtra State Board
Higher Secondary School Certificate
Percentage= 69.84%
2014-2016Maharashtra State Board
Secondary School Certificate
Percentage= 84.04%
2013-2014Experience
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-PresentMy Skills
Frontend Developer
FresherHTML
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
Sneakers [React, CSS]
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
![](assets/img/work-1.webp)
OmniFood [HTML CSS]
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. 🚀
- Level- Advance
- Technologies- HTML, CSS
- Role- Frontend
- Host link- Click here
- GitHub- Click here
Nike Website [React, Tailwind]
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. 🚀
- Level- Intermediate
- Technologies- React, Tailwind
- Host link- Click here
- GitHub- Click here
React Pizza Order App [React App]
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]
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]
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]
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]
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]
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]
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]
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 ]
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
![](assets/img/waether_report.png)
Weather Forecasting [HTML CSS JS API]
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
![](assets/img/work-4.webp)
Tip Calculator [HTML CSS JS]
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.
- Technologies- HTML CSS JavaScript
- View- Click Here
- GitHub- click here
Expense Tracker [HTML CSS JS ]
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]
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.
- Level- Basic
- Technologies- HTML, CSS , JS, API
- Host link- Click here
- GitHub- Click here
![](assets/img/Form_Validate_Regexp.png)
Web App [HTML CSS JS REGEXP]
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.
- Level- Intermediate
- Technologies- HTML, CSS , JS, Regexp
- Host link- Click here
- GitHub- Click here
![](assets/img/work-2.webp)
STOP WATCH [HTML CSS JS]
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.
- Level- Intermediate
- Technologies- HTML CSS JavaScript
- Host link- click here
- GitHub- Click here
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