Portable Portfolio

screenshot of Portable Portfolio
react
bootstrap
chakra-ui

Portable Portfolio

Portfolio Template built with React.js and Chakra UI

Overview:

The heroPortfolio is a portfolio website built using React.js and Chakra UI. It provides a quick and easy way to create and customize your own portfolio website using markdown files. With its mobile-responsive design and editable content, it allows users to showcase their work experiences and projects effectively.

Features:

  • Document your work experiences: Easily edit and update your work experience using the Experience.md file.
  • Showcase your best projects: Display your projects and items in an organized format using the Projects.md file.
  • Include your smaller projects: Add smaller projects or items to your portfolio using the OtherProjects.md file.
  • Mobile-responsive design: The website is designed to be responsive and adaptable to different screen sizes.
  • Customizable color theme: Choose from 10 different colors provided by Chakra UI to customize your website's color scheme.
  • Customize the design: Modify the theme.js file to customize the design of your website according to your preferences.
  • Easy installation and deployment: The website can be developed locally using the provided commands and deployed on platforms like Netlify.
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

bootstrap
Bootstrap

Bootstrap is the most popular CSS Framework for developing responsive and mobile-first websites.

chakra-ui
Chakra UI

Chakra UI is a popular open-source React component library that provides a set of accessible and customizable UI components to help developers create modern web applications.

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.