Portfolio

screenshot of Portfolio
nextjs
react
material-ui

My personal website

Overview

This project is a portfolio showcasing the current and future projects of Bhavya Tomar. It is the first version of his portfolio, with plans to add more features in the future. The portfolio is built using 100% TypeScript code and is a static site generated using Next.js. It features a dark/light theme toggle, responsive design for all screen sizes, and includes animations using react-spring and framer-motion.

Features

  • 100% TypeScript code
  • Static site generated using Next.js
  • Modular code for easy maintenance and adding features in the future
  • Dark/light theme toggle
  • SEO optimized to appear as the 1st or 2nd result when searching "Bhavya Tomar" on DuckDuckGo and Bing, and on the 1st or 2nd page on Google
  • Responsive design for all screen sizes
  • Animations added using react-spring and framer-motion
nextjs
Next.js

Next.js is a React-based web framework that enables server-side rendering, static site generation, and other powerful features for building modern web applications.

react
React

React is a widely used JavaScript library for building user interfaces and single-page applications. It follows a component-based architecture and uses a virtual DOM to efficiently update and render UI components

material-ui
Material UI

material-ui adds classes to Tailwind CSS for all common UI components. Classes like btn, card, etc. This allows us to focus on important things instead of making basic elements for every project.

portfolio
Portfolio

A portfolio website is a type of website that showcases an individual's or a company's work, skills, and accomplishments. It typically includes a gallery of images or videos, case studies, and client testimonials to provide potential clients or employers with a comprehensive overview of their experience and expertise.

framer-motion
Framer Motion

Alpine.js is a lightweight JavaScript framework that simplifies the process of creating dynamic, reactive user interfaces on the web. It uses a declarative syntax that offers a higher level of abstraction compared to vanilla JavaScript, while being more performant and easier to use than jQuery.

typescript
Typescript

TypeScript is a superset of JavaScript, providing optional static typing, classes, interfaces, and other features that help developers write more maintainable and scalable code. TypeScript's static typing system can catch errors at compile-time, making it easier to build and maintain large applications.

vercel
Vercel

Vercel offers built-in support for deploying and hosting Next.js applications, making it a popular choice among Next.js developers.