Code Monkey home page Code Monkey logo

csec_frontend's Introduction

csec_frontend

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:[email protected]",
                "website": "https://bob.com/",
                "linkedin": "https://linkedin.com/bob",
                "github": "https://github.com/bob"
            }
        }
    ]
},

csec_frontend's People

Contributors

wahat avatar fpunny avatar maduvan-kasi avatar wgranados avatar

Watchers

James Cloos avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.