csec_frontend

This site is powered by Netlify.

Development Environment

Dev Requirements

• Node LTS version (v8 or v10)
• Gatsby-CLI
• Strapi

Directory Aliases

• @components: './src/components'
• @util: './src/util'
• @sections: './src/components/pages'
• @styles: './src/styles'
• @images: './src/images'

Data Structures

• media.json: Centralized area for all of CSEC's media outlets

  {
  "text": ${ DISPLAY TEXT },
  "icon": ${ react-icons icon name },
  "link": ${ link when clicked }
  }

• navigation.json: Centralized area for all of CSEC's pages (For building routes and navigation)

  {
  "name": ${ DISPLAY NAME },
  "menu": [ // Include is no path
      {
          "name": ${ DISPLAY NAME },
          "path": ${ PATH RELATIVE TO ROOT }
      },
      ...
  ],
  "path": ${ NAVIGATE TO WHEN CLICKED (Don't include if have menu, vise versa) }
  }

• resources.json: All resources for /resources

  {
  "title": "Interview Prep",
  "items": [
      { // Nested (Recursive so go nuts)
          "title": "Algorithmic Coding Practice",
          "items": [
              {
                  "text": "LeetCode",
                  "link": "If it's a link, where does text go",
                  "aside": "This is optional"
              },
              ...
          ]
      },
      { // Not nested
          "text": "W3Schools",
          "link": "https://www.w3schools.com/",
          "aside": "Introductory Web"
      }
  ]
  }

• team.json: Team of csec

  {
  "title": "Executive Team",
  "text": "The team of Summer 2019 to Winter 2020",
  "members": [
      {
          "name": "Bob Bobby",
          "title": "President",
          "image": "../images/team/Bob.jpg", // Path to image in "@images"
          "media": { // Include all or none
              "email": "mailto:bob@bobby.ca",
              "website": "https://bob.com/",
              "linkedin": "https://linkedin.com/bob",
              "github": "https://github.com/bob"
          }
      }
  ]
  },