Ayhamalahmad / portfolio-website

Portfolio Website

This is a responsive portfolio website template built using React.

You can view the live portfolio website here.

Project Structure

src/
├── components/
│   ├── Header/
│   │   ├── Header.js
│   │   └── Header.scss
│   ├── Hero/
│   │   ├── Hero.js
│   │   └── Hero.scss
│   ├── Expertise/
│   │   ├── Expertise.js
│   │   └── Expertise.scss
│   ├── Works/
│   │   ├── Works.js
│   │   └── Works.scss
│   ├── Portfolio/
│   │   ├── Portfolio.js
│   │   └── Portfolio.scss
│   ├── People/
│   │   ├── People.js
│   │   └── People.scss
│   ├── Footer/
│   │   ├── Footer.js
│   │   └── Footer.scss
└── App.js

Used Technologies

• React: This project is built using React, a popular JavaScript library for building user interfaces.

• React Motion: React Motion is used for creating animations and transitions in the portfolio website. It adds fluid motion and interactivity to the user interface.

• React Slick: React Slick is a carousel/slider component for React applications. It's used to create interactive sliders for showcasing content such as images and text.

• Slick Carousel: Slick Carousel is the underlying library that powers React Slick. It provides a feature-rich and customizable carousel/slider functionality.

SCSS and Responsiveness

• SCSS: The project utilizes SCSS (Sass) for styling. You can find SCSS files within each component's folder for modular styling. SCSS allows for easier maintenance and the use of variables and mixins for consistent styling.

• Responsiveness: The template is designed to be fully responsive, to different screen sizes and devices. Media queries and responsive design practices have been implemented to ensure a seamless user experience across various devices.