Portfolio
My personal portfolio to show my skills, experience, and articles I published.
Overview:
The personal website mahmad is built using TypeScript, ReactJS, Chakra UI, Framer Motion, and React Icons. It features multiple screens such as the Home Screen, Skills Screen, and OpenSource Screen. The project is licensed under the MIT License, allowing users to utilize parts of the code in their own projects with proper attribution.
Features:
- TypeScript: The website is built using TypeScript, providing static typing and improved development experience.
- ReactJS: Utilizes ReactJS library to create interactive and dynamic user interfaces.
- Chakra UI: Uses Chakra UI, a flexible and customizable component library, for styling and layout purposes.
- Framer Motion: Incorporates Framer Motion to create smooth animations and transitions for a visually appealing experience.
- React Icons: Leverages React Icons library to easily include a wide range of icons in the website.
- 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
- 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
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.
- 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.
