React Vscode Portfolio
A vscode inspired portfolio website
Overview:
The project is a portfolio website that is inspired by Visual Studio Code and caglarturali.github.io. It allows users to easily modify or add their own content using markdown. The site is built with React.js and Material UI.
Features:
- Powered by markdown: The portfolio pages are powered by markdown, making it easy to modify or add content.
- Syntax highlight: Supports extended markdown syntax and syntax highlighting.
- Alerts: Provides the ability to display customizable alerts on the website.
- Dark mode and light mode: Users can switch between dark and light modes on the website.
- Closable tabs: Tabs on the website can be closed by the user.
- Collapsible explorer: The explorer panel on the website can be collapsed and expanded.
- Responsive web design: The website is designed to be responsive and compatible with different screen sizes.
- Google Analytics supported: Integration with Google Analytics to track website statistics.
- Auto-deploy to gh-pages: Github actions are set up for automatic deployment of the website to gh-pages.
- 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.
- 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
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
- 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.
