Skip to content
master
Switch branches/tags
Code

Latest commit

 

Git stats

Files

Permalink
Failed to load latest commit information.
Type
Name
Latest commit message
Commit time
 
 
 
 
src
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Portfolio Wesbite

Netlify Status

Design

Project based on Behance

Structure

.
├── data
│   └── config              # SEO related tags
├── src
│   ├── components          # Components
│   │   │── common          # Common components
│   │   │── landing         # Components used on the landing page
│   │   └── theme           # Header & Footer
│   └── pages               # Pages
└── static                  # Icons, favicon & SVG illustrations

Prerequisites

Yarn

Please create a new file .env.development and put this env variable with your GitHub token

If you're building locally, you will have to create a new file .env.production with the same env variables

GITHUB_TOKEN=xxxxxxxxx
TRELLO_KEY=xxxxxxxxx
TRELLO_TOKEN=xxxxxxxxx
TRELLO_BOARD=xxxxxxxxx

CMS

This project uses Trello as a CMS and follows a list pattern to generate the website.

Analytics

Add analytics with list named Analytics, with a card named [google]. The content for this card should only be the Google Analytics ID.

Theme

Modify the theme by creating a list called Colours. And add cards with the following names:

  • [primary]
  • [secondary]
  • [info]
  • [grey]
  • [white]
  • [dark]

The content of these cards should be a css compatible colour code, i.e. tomato (text), #FF6347 (hex), rgb(255,99,71) (rgb).

CV

To add your CV, create a list called CV, and create cards titled [button], and [file]. The content of button will be the download button text, and [file] should have a pdf attachment of the CV.

Social Media

To enable social media buttons create a list called Social Media. You can create a card with the name of each social media and the content should be a url. If your social media is one of the following, it will be swapped for an icon:

  • Email
  • GitHub
  • LinkedIn
  • Twitter
  • Instagram

Header

To properly set the title create a list called Header and add three cards, [title], [subtitle], [statement]. The content of these will be rendered as plain text on the site.

### Skills

To add a bullet point list of skills create a list called Skills[section]. Only the card names will be rendered. To add a secondary list, create a list called Secondary Skills.

Navigation.

Suffixing a list name with [section] will create a nav bar link to that section.

Installing

Installing the dependencies

yarn

Start the dev server

yarn start

Clean the cache

This removes the .cache/ & public/ folders

yarn reset

Build

yarn build

License

This project is licensed under the MIT License - see the LICENSE.md file for details

About

Portfolio website

Resources

License

Packages

No packages published