Skip to content

philippebeck/philippebeck.github.io

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Portfolio

My own Website, a SPA (Single Page Application) made with React + Sass, using the Atomic Design principles & deployed on GitHub Pages

GitHub package.json version Website GitHub License

GitHub language count GitHub top language GitHub code size in bytes

Codacy Badge Maintainability

Installation

  1. git clone https://github.com/philippebeck/philippebeck.github.io.git
  2. cd philippebeck.github.io
  3. npm i

Configuration

  1. Change the project informations in package.json, index.html & public/sitemap.xml
  2. Change the project data in src/assets/data.json
  3. Change the project images in public/img/

Usage

  • dev mode: npm start
  • prod mode: npm run build

Atomic Design

Atomic Components

  • Card
  • Collapse
  • Icon
  • Image
  • Link
  • List
  • Title

Molecular Components

  • Button
  • Heading
  • Links
  • Slider

Organic Components

  • About
  • Blog
  • Footer
  • Header
  • Navbar
  • Portfolio
  • Stats
  • Tools