Personal Website React

screenshot of Personal Website React
react
material-ui

A clean, responsive, single-page webapp template for developers.

Overview:

The Personal Website React is a clean and responsive single-page web app template designed for developers. It is built using React and styled with Material-UI. The website pulls personal information from a resume.json file following the JSON Resume standard, allowing for easy customization. The template also includes a toggle/switch for dark mode that syncs its state to local storage. Additionally, there are future plans to add two resume page templates and rich Google search results using structured data.

Features:

  • Personal information populated from resume.json file
  • Toggle/switch for dark mode with state synced to local storage
  • Two resume page templates (coming soon)
  • Rich Google search results using structured data (coming soon)
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.

personal
Personal

A personal website is an online platform that showcases an individual's work, interests, and personality. It can include a range of content, such as a bio, resume, portfolio, blog, and contact information, and is often used to promote one's personal brand or professional services.

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.