Portfolio

screenshot of Portfolio
react
remix
vite

Portfolio

My personal portfolio website built using React and three js

Overview:

The personal portfolio site is designed to showcase a few projects and is built with Next.js, Three.js, and Framer Motion. It offers the option to view the live site or access a live version of the components storybook. The deployment is done using AWS for hosting and serverless functions, and the code is open source for learning and adaptation.

Features:

  • Technology Stack: Built with Next.js, Three.js, and Framer Motion.
  • Live Site: View the live site to showcase projects.
  • Components Storybook: Access a live version of the components storybook.
  • Deployment: Set up using AWS for hosting and serverless functions.
  • Permissions: Code is open source for learning and adaptation.
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

remix
Remix

Remix is a modern JavaScript framework that focuses on building fast and performant web applications. It emphasizes a combination of server-rendered content and client-side interactivity, offering a robust architecture for creating scalable and maintainable projects.

vite
Vite

Vite is a build tool that aims to provide a faster and leaner development experience for modern web projects

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.

eslint
Eslint

ESLint is a linter for JavaScript that analyzes code to detect and report on potential problems and errors, as well as enforce consistent code style and best practices, helping developers to write cleaner, more maintainable code.

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.

postcss
Postcss

PostCSS is a popular open-source tool that enables web developers to transform CSS styles with JavaScript plugins. It allows for efficient processing of CSS styles, from applying vendor prefixes to improving browser compatibility, ultimately resulting in cleaner, faster, and more maintainable code.

Storybook

Storybook is a tool for developing and testing UI components in isolation. It provides a sandbox environment where you can experiment with different props and states to see how your component responds.