Hi, I'm Vinayak

Experienced React & Frontend Developer, skilled in MERN stack and TypeScript. Proficient in building responsive web applications and passionate about exploring new technologies. Committed to delivering high-quality solutions and continuous learning.

 

Introduction

Overview

Passionate and skilled frontend developer with expertise in the MERN stack. Proficient in building responsive web applications using React, Next.js, React Native and Ionic, with a strong preference for TypeScript. Highly experienced in working with HTML5, CSS3, JavaScript and React, as well as state management using Redux and creating custom hooks. Demonstrated ability to develop high-quality, responsive UI/UX designs, optimize performance, and ensure seamless user experiences. Committed to continuous learning, staying up-to-date with industry trends, and delivering top-notch solutions.

React Developer

React Developer

React Native Developer

React Native Developer

NodeJS Developer

NodeJS Developer

 

What I have done so far

Work Experience

wonderHood - Full-Time

Software Developer - 1

wonderHood - Full-Time

  • As an intern, I revamped an existing React website, addressing bugs and enhancing its alignment with design specs.
  • Boosted user engagement through performance optimizations, notably lazy loading.
  • Incorporated Shopify's GraphQL API, introducing e-commerce features. Developed custom Next.js APIs to handle Shopify data.
  • Spearheaded a transition from React to Next.js, harnessing ISR, SSG, and SSR, resulting in a performance jump from 45% to 90-98%.
  • Dived into Ionic, addressing bugs and refining structure, then pivoted to React Native, innovating the UI and ensuring robust performance.
  • Transitioned myLearning from Ionic to React. Leading the creation of a comprehensive teacher-centric dashboard, facilitating student management, report generation, and data visualization.
  • Embedded Mixpanel analytics across all projects, extracting key insights into user interactions.
  • Despite team dynamics, I single-handedly developed and executed major projects, showcasing resilience and adaptability.
  • Started with a foundational understanding of ReactJS and SASS. As project demands shifted, I swiftly expanded my expertise, mastering Next.js, React Native, Ionic, and Tailwind-CSS.
  • This journey was complemented by a diverse toolkit utilization, encompassing, Apollo Client, GraphQL, Styled-Components, Shopify and more, underscoring my ability to deliver versatile web and mobile solutions.

Projects

projects
Nov 2021 - Jan 2022 (Intern) Jan 2022 - August 2023 (Full-Time)
Possibillion Technologies - Intern (Full-Time)

MERN-Stack Developer

Possibillion Technologies - Intern (Full-Time)

  • Developed an admin panel and a landing page in React JS, supported by a unified Node JS backend server handling APIs, socket services for facebook like feature, and Swagger documentation, for a Flutter-based dating app.
  • Designed a tourism platform featuring a user landing page, an admin dashboard for data uploads and content management, and a backend with comprehensive Swagger documentation.
  • Developed "Firework", a platform allowing users to craft and edit posts with images and customizable captions, which then converts these into MP4 slideshows using FFmpeg; integrated S3 for storage, MongoDB for data management, and tackled the novel challenge of FFmpeg integration.
  • Leveraged foundational knowledge in JavaScript, gained from 2.5 years of hobbyist Discord bot development, to swiftly adapt and excel in React and Node.js environments. Despite being in the early stages of my React journey, I consistently delivered UI designs that perfectly aligned with client expectations.

Projects

projects
Sept 2021 - Nov 2021
 

My work

Projects

As a passionate and skilled MERN stack developer, I have worked on a variety of projects ranging from responsive web applications to server-side rendered applications and RESTful APIs. My expertise includes using React, Next.js, Node.js, Express.js, and MongoDB, with a strong focus on TypeScript. Some of my projects showcase my proficiency in managing state with Redux, creating custom hooks, and handling authentication. I have a track record of delivering high-quality solutions by following industry best practices, and I'm always eager to learn and explore new technologies. Please explore my GitHub and LinkedIn profiles to view some of the projects I've worked on, and feel free to reach out if you're interested in collaborating.

 
wonderHood
open-in-new

wonderHood

wonderHood

A landing page introducing parents to wonderLearn's offerings. It showcases online courses, providing insights into the educational journey awaiting their children.

#ReactJS

#SASS

#Shopify

#Redux Toolkit

#JavaScript

#Redux Saga

#Redux Persist

 
wonderLearn
open-in-new

wonderLearn

wonderHood

A landing page that serves as a hub for educational content, featuring blogs, school-focused resources, and a toy store for kids. Designed as a one-stop destination for both learning and play.

#NextJS

#TailwindCSS

#Shopify

#GraphQL

#TypeScript

 
wonderLearn App
open-in-new

wonderLearn App

wonderHood

A mobile app designed for kids aged 2-6, blending fun with education through games and videos. While the web caters to educators, the app delights young learners.

#React Native

#Ionic

#Expo

#Styled Components

#Redux Toolkit

#TypeScript

#Redux Saga

 
MyLearning
open-in-new

MyLearning

wonderHood

A platform for educators, MyLearning centralizes student management. It offers detailed reports and data visualization, enhancing the teaching process.

#ReactJS

#Styled Components

#Redux Toolkit

#Ionic

#TypeScript

#Redux Saga

#Redux Persist

#TailwindCSS

#SASS

 
Dating App - Landing Page
githubopen-in-new

Dating App - Landing Page

Possibillion Technologies

A captivating landing page designed for coffee shop owners and users. Coffee shops can register to kickstart their journey, while users are directed to app stores for downloading the dating app.

#ReactJS

#SASS

#TypeScript

 
Dating App - Admin Panel
githubopen-in-new

Dating App - Admin Panel

Possibillion Technologies

A comprehensive admin panel that empowers administrators to manage and monitor coffee shop owners, handle requests, and oversee the dating app users, ensuring smooth operations.

#ReactJS

#SASS

#Redux

#JavaScript

 
Dating App - Backend
githubopen-in-new

Dating App - Backend

Possibillion Technologies

A robust NodeJS backend that seamlessly processes requests for both the landing page and admin panel. It also features a socket server, enabling Facebook-like functionality for the dating app.

#NodeJS

#ExpressJS

#MongoDB

#SocketIO

#JavaScript

#Swagger

 
LevTours - Landing Page
githubopen-in-new

LevTours - Landing Page

Possibillion Technologies

A vibrant tourism platform where users can reserve hotel rooms, read travel blogs, and explore curated tourist experiences.

#ReactJS

#SASS

#Redux

#TypeScript

 
LevTours - Admin Panel
githubopen-in-new

LevTours - Admin Panel

Possibillion Technologies

A comprehensive dashboard for admins to oversee user activities, manage bookings, curate blogs, and introduce promotions via coupons or bulk data imports.

#ReactJS

#SASS

#Redux

#JavaScript

 
LevTours - Backend
githubopen-in-new

LevTours - Backend

Possibillion Technologies

A robust NodeJS backend supporting the entire LevTours ecosystem. Features detailed API documentation in Swagger for seamless integration.

#NodeJS

#ExpressJS

#MongoDB

#Swagger

#JavaScript

 
Firework - Frontend
githubopen-in-new

Firework - Frontend

Possibillion Technologies

A ReactJS platform for users to upload images or videos with customizable captions. Features a real-time upload progress bar for enhanced user experience.

#ReactJS

#SASS

#Redux

#JavaScript

 
Firework - Backend
github

Firework - Backend

Possibillion Technologies

A NodeJS backend that processes uploads, overlays captions using FFmpeg, and stores the final content in MongoDB and S3.

#NodeJS

#ExpressJS

#MongoDB

#FFmpeg

#S3

#JavaScript

 
Relics Audit
github

Relics Audit

A Discord bot for the Relics Organization, offering real-time club monitoring, member verification, seasonal ladder management, and detailed statistics, ensuring a seamless experience for the community.

#DiscordJS

#JavaScript

#MongoDB

#NodeJS

 
Relics General
github

Relics General

A versatile Discord bot developed for the Relics Organisation using Node.js and JavaScript. It enhances community engagement with features like a modmail system for direct user- moderator communication, role management, cross-server announcements, and a suite of fun and utility commands.

#DiscordJS

#JavaScript

#MongoDB

#NodeJS

 
Relics Ban Hammer
github

Relics Ban Hammer

Relics Ban Hammer is a dedicated Discord bot developed for the Relics Organisation. Utilizing Node.js and JavaScript, its primary mission is to enforce consistent moderation by enabling chain bans or unbans across multiple servers.

#DiscordJS

#JavaScript

#MongoDB

#NodeJS

 
Tourney Ticketeer
github

Tourney Ticketeer

Tourney Ticketeer is a Discord bot developed for tournament organizers, streamlining the payment process for winners. Users initiate a ticket to specify their payment method, and upon completion, the bot manages notifications, role assignments, and logs all activities for transparency.

#DiscordJS

#JavaScript

#NodeJS

 
Face Recognition - Frontend
githubopen-in-new

Face Recognition - Frontend

A personal project I developed after diving into React and TypeScript. This application showcases face detection capabilities, allowing users to upload images and instantly detect faces. It features a user dashboard for tracking uploads and offers customizable settings.

#ReactJS

#SASS

#Redux

#JavaScript

 
Face Recognition - Backend
github

Face Recognition - Backend

A robust server built with Node.js and Express.js, designed to handle user authentication, image storage, and face detection. Integrated with MongoDB for data persistence and the Clarifai API for precise face detection.

#NodeJS

#ExpressJS

#MongoDB

#JavaScript

 
Picmash - Frontend
githubopen-in-new

Picmash - Frontend

Picmash is a budding social media application, developed as a rapid challenge during my college days. Built with React, JavaScript, and CSS, this frontend showcases my early endeavors into React development. It is like a prototype.

#ReactJS

#CSS

#JavaScript

 
Picmash - Backend
github

Picmash - Backend

The backbone of the Picmash App, this server handles the core functionalities of the social media platform. Written in JavaScript & Node.js, it manages user authentication, post requests, and image storage, ensuring a seamless user experience on the frontend.

#NodeJS

#ExpressJS

#MongoDB

#JavaScript

 
Crwn Clothing
githubopen-in-new

Crwn Clothing

An e-commerce platform built with React, Redux, and Firebase. It features a comprehensive user authentication system including google, a shopping cart, and a payment gateway through stripe, ensuring a seamless shopping experience.

#ReactJS

#Redux

#Firebase

#GraphQL

#TypeScript

#Styled Components

#Stripe

#Redux Saga

#Redux Persist

 
Pdfy
open-in-new

Pdfy

Freelance

Pdfy is a Next.js project built with TypeScript and TailwindCSS. Users can upload a PDF, view its pages, and edit its metadata on a split-screen interface. The platform allows for metadata extraction to a .csv file or the download of the modified PDF.

#TypeScript

#NextJS

#TailwindCSS

 
PDF Splitter
open-in-new

PDF Splitter

Freelance

A freelance project offering an intuitive interface where users can upload a PDF and view its pages in a grid format. Users can handpick individual pages or specify a range, such as "1-3,5,6-9", to select multiple pages, providing users with a PDF of their selected pages.

#HTML

#CSS

#JavaScript

#TailwindCSS

 
Cadillacs - Backend
open-in-new

Cadillacs - Backend

Freelance

A backend server managing RESTful APIs, designed to create and delete admin users with exclusive API access. It features two routes for video metadata storage: one private for admins and a community route, with JWT securing endpoints. Documentation is crafted using Swagger for clarity.

#NodeJS

#ExpressJS

#MongoDB

#JavaScript

#Swagger

#JWT

 
Project Manager
githubopen-in-new

Project Manager

A simple project manager app, I built it while learning TypeScript, its UI is fully rendered by TypeScript written in OOP style. It features a drag and drop functionality for moving tasks between columns. used webpack to bundle the code in a single file.

#TypeScript

#HTML

#CSS

#Webpack

 
Monster Rolodex
githubopen-in-new

Monster Rolodex

A ReactJS app that showcases my early endeavors into React development. It features a search functionality that filters through a list of robots, allowing users to find their favorite robot.

#ReactJS

#CSS

#TypeScript

 
 

Get in touch

Contact.