Skip to content

React.js Portfolio with Bootstrap Discover my portfolio website built using React.js and Bootstrap, highlighting my web development projects with a focus on responsive design and intuitive user experience.

License

Notifications You must be signed in to change notification settings

abdulrehmankz1/personal-portfolio

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

My Portfolio

This is a portfolio project showcasing my work and skills. It is built using React.js, Bootstrap, SCSS, JavaScript, AOS (Animate On Scroll) for animations, and React Slick for a responsive slider.

Features

  • React.js: For building the user interface.
  • Bootstrap: For responsive design and styling.
  • SCSS: For custom styles and theming.
  • JavaScript: For interactivity and functionality.
  • AOS (Animate On Scroll): For adding animations to elements as they scroll into view.
  • React Slick: For creating responsive and customizable carousels.

Technologies Used

  • React.js: A JavaScript library for building user interfaces.
  • Bootstrap: A framework for developing responsive and mobile-first websites.
  • SCSS: A preprocessor scripting language that is interpreted or compiled into Cascading Style Sheets (CSS).
  • JavaScript: A programming language that enables interactive web pages.
  • AOS: A library for adding animations to elements as they scroll into view.
  • React Slick: A library for creating responsive carousels.

Installation

  1. Clone the repository:
 git clone https://github.com/abdulrehmankz1/personal-portfolio.git
  1. Navigate to the project directory:
cd personal-portfolio
  1. Install the dependencies:
yarn install

or

npm install
  1. Start the development server:
yarn start

or

npm start

Open http://localhost:3000 with your browser to see the result.

Usage

  • Home Page: Displays all content in a single page layout with the following sections:
  • MenuBar
  • Sidebar
  • IntroSection
  • AboutSection
  • ResumeSection
  • ServicesSection
  • SkillsSection
  • PortfolioSection
  • ContactSection
  • SimpleSlider

AOS Configuration

AOS is configured in the src/App.js file. You can customize animations and settings as needed.

License

This project is licensed under the MIT LICENSE. See the LICENSE file for details.

Contact

For any questions or feedback, please contact me at:

About

React.js Portfolio with Bootstrap Discover my portfolio website built using React.js and Bootstrap, highlighting my web development projects with a focus on responsive design and intuitive user experience.

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages