Portfolio screenshot

Portfolio

Author Avatar Theme by Ma ahmad
Updated: 5 Sep 2022
93 Stars

My personal portfolio to show my skills, experience, and articles I published.

Categories

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.

Installation:

To install and run the mahmad personal website, follow these steps:

  1. Clone the repository:

    git clone <repository-url>
    
  2. Navigate to the project directory:

    cd mahmad
    
  3. Install dependencies using npm or yarn:

    npm install
    
  4. Start the development server:

    npm start
    
  5. Open the website in your browser by accessing http://localhost:3000.

Summary:

The mahmad personal website is a TypeScript and ReactJS-based project that utilizes Chakra UI, Framer Motion, and React Icons. It features multiple screens, including the Home Screen, Skills Screen, and OpenSource Screen. With the MIT License, users are allowed to utilize parts of the code in their own projects, provided proper attribution is given. Installing the website requires cloning the repository, installing dependencies, and running the development server.