Personal Website
My Personal Website in React, Material UI, React Spring. Contents can be modified via single JSON.
Overview
This website is designed with flexibility and ease of use in mind, allowing users to customize their experience effortlessly. The core of its configurability lies in the config.json file, where modifications can be made quickly, ensuring that updates are instantly reflected without complications. The theme can also be adjusted through specific components, making it suitable for various aesthetic preferences.
Features
- Highly Configurable: Easily adjust site parameters through the
config.jsonfile, allowing for real-time updates. - Customizable Color Scheme: Modify the website’s color palette via the Theme.jsx component to fit your branding or personal style.
- Simple Installation: Start developing quickly by installing dependencies and launching the development server with minimal setup.
- Static Production Build: Generate a fully static site that's optimized for deployment, ensuring performance and reliability.
- Easy Deployment Options: Deploy the site on platforms like GitHub Pages or Netlify with straightforward instructions provided in the documentation.
- Open Source: Fork the repository to create your own version while ensuring to give proper attribution, promoting a collaborative development environment.
- 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 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
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.
- 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
- Netlify
Netlify is a cloud-based web development platform that provides a range of tools and services to help developers build, deploy, and manage modern web applications. It offers features such as continuous deployment, serverless functions, and CDN hosting, making it an ideal platform for building fast, scalable, and secure websites.