Portfolio

Live View

This is a personal portfolio website of my software projects.

Skills involved with this project:

• ReactJS & Javascript
  • IntersectionObserver API to create effects when objects enter the viewport
  • React functional components
  • React Hooks
    • useState
    • useEffect
    • useRef
  • React props to pass data and functions between components
  • Rendering JSX code using React
  • DOM manipulation
  • Event handling (showAllProjects) to perform actions based on user interactions.
• CSS
  • Responsive design for portrait/landscape screens using media queries
  • Transition effects
  • Keyframe animations
  • CSS Grid
  • CSS Flex
  • Sidebar menu
  • Hover effects
  • Blur effects
  • .svg icons

Installation

To set up this project locally, follow these steps:

1. Clone the repository to your local machine.

git clone git@github.com:snaeem3/portfolio.git

2. Change to the project directory.

cd portfolio

3. Install the project dependencies using npm or yarn.

npm install
# or
yarn install

Usage

You can use the following npm scripts to work with this project:

• npm start: Starts the development server.
• npm run build: Builds the production-ready code.
• npm test: Runs tests using Jest.
• npm run eject: Ejects from Create React App configuration.
• npm run lint: Lints the code using ESLint.
• npm run lint:fix: Automatically fixes ESLint errors when possible.

Development Dependencies

This project uses several development dependencies, including ESLint, Prettier, and TypeScript. You can find more information about them in the devDependencies section of the package.json file.