Front End Party website

Setup

git clone git@github.com:frontEndParty/frontendparty-v2.git
cd front-end-party
yarn
yarn start

Develop

Styling

Styles are written in Sass, compiled using Compass. If you have Compass installed you can compile Sass by running yarn style from the root directory.

Images

Images that will be accessed through stylesheets should be stored in /src/assets. They can be accessed by relative file paths.

Images that will be accessed through javascript should be stored in /public/images. They can be accessed through absolute paths, relative to /public.

Archive

The /src/archive folder contains multiple json files of #FEP relevant info.

Links

This file contains important links for Front End Party, particularly the Meetup page, other social media links, and any sponsor/host websites.

Meetups

This file contains an array of all previous meetups using the following object structure:

{
  "id": 1,
  "date": "June 23, 2029",
  "meetup": "https://www.meetup.com/FrontEndParty/events/qkftvqyzhbfc/",
  "talks": [
    {
      "presenter": "Person McFace",
      "title": "A Great Presentation about Front End Tech",
      "description": "Listen to Person McFace speak about Front End Tech"
    },
  ]
}

Organizers

This file contains an array of all organizers for the meetup using the following object structure:

{
  "name": "Organizee McPerson",
  "headshot": "/images/headshots/organizee-mcperson.png",
  "emoji": "\uD83C\uDF8A",
  "social": {
    "website": "",
    "linkedin": "",
    "github": "",
    "twitter": ""
  }
},

Emojis, chosen by organizer, should be provided using Javascript Escape values. Here is a site that can help you find these codes. Extra social media can be added, but should be adjusted in the Organizers component to reflect and display them.

Presenters

This file contains an object of all presenters for the meetup using the following object structure:

  "Person McFace": {
    "name": "Person McFace",
    "headshot": "/images/headshots/person-mcface.png",
    "position": "",
    "social": {
      "website": "",
      "github": "",
      "twitter": ""
    }
  },

These objects are dynamically accessed for the current speaker lineup, so it's important they are well attended.

Deploy

The website is deployed on Heroku. All you should need to do is:

• set a heroku git remote
• run yarn deploy

Ask the other organizers if you need the heroku remote.