Portfolio V2

screenshot of Portfolio V2
create-react-app
react
material-ui

Second iteration of my portfolio - created using ReactJS, Material-UI, Overmind, etc

Overview:

The 2nd iteration of My Personal App is a web application created using ReactJS, Overmind, and Material UI. It provides users with a template to create their own portfolio websites easily by following a few simple steps such as forking the repository, modifying variables, and deploying the site on GitHub Pages.

Features:

  • Easy Installation: Follow a few steps to clone the repository, modify variables, and deploy the site.
  • Customizable: Modify variables in the source code to add your own data and style preferences.
  • Responsive Design: Utilizes Material UI components for a responsive and modern design.
  • Free Hosting: Utilize GitHub Pages for hosting your portfolio for free.
  • Prerequisites: Ensure you have NodeJS and NPM installed on your computer before running the project.

Summary:

The 2nd iteration of the My Personal App offers an easy-to-use template for creating personalized portfolio websites. By following the installation guide and customizing variables in the source code, users can quickly set up their own portfolios. With a responsive design powered by Material UI components and free hosting on GitHub Pages, this app simplifies the process of showcasing personal projects and information online.

create-react-app
Create React App

Create React App is a popular tool for quickly setting up a new React project without the need for manual configuration or setup. It provides a preconfigured development environment with modern build tools, a live development server, and an easy-to-use command line interface.

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.

github-pages
GitHub Pages

Gridsome is a Vue.js-based static site generator that makes it easy to build fast and flexible websites and applications by leveraging modern web technologies like GraphQL, Webpack, and hot reloading

material-design
Material Design

Material Design is a design system developed by Google that provides a set of guidelines, components, and tools for creating visually appealing and functional user interfaces. Material Design is designed to be flexible and customizable, making it a great choice for a wide range of applications and use cases.

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.