Jad Nasser Portfolio

Description

This is my portfolio website project that includes all the details about me and my projects.

Technologies Used

• CSS
• normalize.css
• React
• React Router
• react-router-hash-link
• Font Awesome
• gh-pages: for building and deploying the project

Features

• Beautiful and simple at the same time
• Sticky navbar that follows the user
• Very fast website provided with lazy loading for the Routes and for the images

Project Main Files Structure

• public
  • index.html: include links to font awesome and to normalize.css and to the website icon
  • jad.png: this is the website icon
• src
  • Footer: includes the Footer component
  • Navbar: includes the Navbar component
  • LazyImg: includes LazyImg component that is used to make img tag loads lazily
  • Main: includes the component that represents the main page of the website
  • Project: includes all the components that represents my personal projects
    • FreeImages: includes the component that represents the free-images personal project with its images
    • FreeLibrary: includes the component that represents the free-library personal project with its images
    • SunglassesOnlineStore: includes the component that represents the sunglasses-online-store personal project with its images
    • FromExcelToRelationalDatabaseConverter: includes the component that represents the from-excel-to-relational-database-converter personal project with its images
    • project.css: includes styles that applied to all project components
  • App.css: include styles that are applied to all the website
  • App.js: include the Routes of the website
  • index.js: the main file for react
  • imgs: includes images that are loaded in the App.css file

---