About Me

Learning right now:

  • NestJS

Who am I?

I am a 4th (final) year 👨🏼‍🎓 student pursuing B.Tech in 💻 Computer Science and Engineering from 🏫 Vellore Institute of Technology, Vellore. I am a passionate 👨🏼‍💻 developer and a tech enthusiast. I love to ✨ explore new technologies and leverage them to solve real-life problems. 🕸 I have been doing web development for 2.5 years. I also keep an understanding of web fundamentals, security issues and SEO.

What do I do?

I am a Full Stack Web Developer strong in frontend development. I love building beautiful and responsive websites.

What's next for me?

As I approach graduation, I'm currently working as an Engineering Explorer (Intern) in the Founder's Office at Superjoin, where I'm building a cutting-edge product with some of the most talented engineers in the field. My focus is on full stack web development, and I'm continuously sharpening my skills in Data Structures and Algorithms. I also have a strong interest in system design and am deepening my knowledge of design patterns, architectures, and scalability to take on more complex challenges.

Skills

HTMLHTML
CSSCSS
JavaScriptJavaScript
TypeScriptTypeScript
React.JSReact.JS
Next.JSNext.JS
TailwindCSSTailwindCSS
Styled ComponentsStyled Components
BootstrapBootstrap
Express.JSExpress.JS
FirebaseFirebase
GraphQLGraphQL
MongoDBMongoDB
Socket.ioSocket.io
PostgresSQLPostgresSQL
DockerDocker
Docker-composeDocker-compose
Travis CITravis CI
AWS EBSAWS EBS

Experience

Open Source Contributions

Projects

DX Labs

Project type: Hackathon - Self made

Click here for complete project details.

#NextJS
#TailwindCSS
#Healthcare
#Whisper_AI
#OpenAI_API
#ReactQuery

DoGether

Project type: Hackathon - Self made

A platform where women can collaborate and work together on a project. This platform promotes women empowerment.

  • A woman hosts a project.
  • Other women with similar interests and skills can join as collaborators.
  • The team works together to complete the project.
#NextJS
#Firebase
#TailwindCSS
#Dynamic_Routing

Research Pilot

Project type: Hackathon - Self made

Research API and AI API based idea generation and project analysis tool.

  • A platform where user enters keyword and gets several product ideas based on those keywords.
  • The platform also provides problem statement definition, market research, competitor analysis.
  • The platform also provides questionnaire which also has a globally-accessible link.
  • The link can be shared and responses could be collected.
  • The responses could be viewed in the form of pie charts in a dedicated section.
#NextJS
#Firebase
#TailwindCSS
#Dynamic_Routing
#OpenAI_API
#ChatGPT
#Prompts
#ChartJS

Google Clone

Project type: Personal - Tutorial based

Working clone of Google Search Engine.

  • Search is provided using Google Custom Search API.
#NextJS
#Google
#TailwindCSS
#Dynamic_Routing
#Google_Custom_Search_API

Drag and Drop Todo App

Project type: Personal - Tutorial based

Todo app that uses drag and drop for organization of tasks.

  • Drag and drop functionality.
  • Appwrite for backend.
  • Zustand for state management.
#NextJS
#React_Beautiful_DND
#Zustand
#Appwrite

Instagram clone

Project type: Personal - Tutorial based

Working clone of social media app, Instagram

  • User can create account.
  • User can create a post.
  • User can like a post.
  • User can comment on a post.
  • User can reply to a comment.
#NextJS
#FakerJS
#TailwindCSS
#Firebase
#Dynamic_Routing
#Recoil_State_Management
#Next_Auth

Personal Website

Project type: Personal - Self made

My personal (this) website.

  • Complete project is written in TypeScript
  • Used intersection-observer API for dynamic navbar highlighting.
  • Designed and developed by me.
  • Used Zustand for state management.
  • Used EmailJS for contact me form.
#NextJS
#TailwindCSS
#Zustand
#Dynamic_Routing
#Personal_Website
#Intersection_Observer_API
#EmailJS

Blogs

Did you know about discriminated unions in TypeScript?

Did you know about discriminated unions in TypeScript?

Posted 293 days ago.

  • What are discriminated unions?
  • How to use them?
  • What are the benefits of using them?
#TypeScript
#JavaScript
#Discriminated_unions
#Union_types
#Clean_code
#Type_safety
Top javascript questions asked in an interview. — Part 1

Top javascript questions asked in an interview. — Part 1

Posted 61 days ago.

  • Top JS questions asked in interview.
  • Solutions to the questions.
  • Github Repository with code and tests
#TypeScript
#JavaScript
#Frontend
#Interview
#Interview_Questions
Top javascript questions asked in an interview. — Part 2

Top javascript questions asked in an interview. — Part 2

Posted 61 days ago.

  • Top JS questions asked in interview.
  • Solutions to the questions.
  • Github Repository with code and tests
#TypeScript
#JavaScript
#Frontend
#Interview
#Interview_Questions

Contact Me

🌐 Contact Ayush