Skip to content

Civic Tech Index Site Architecture [DRAFT]

Levi Adissi edited this page Aug 27, 2021 · 17 revisions

Civic Tech Index (CTI) uses React, a JavaScript library for building user interfaces, to generate the CTI website. One sentence summary of site architecture.

This guide provides a description of the folders and files in the Civic Tech Index repository and how to work with them.

Helpful documentation if you're new to insert technology or front-end development:

If you're ready to skip to creating a page: Creating a page for Hack for LA

Contents:

  1. Repository Overview
    1. Configuration Files
    2. React Pages
    3. React Components
    4. Assets
    5. [Cypress / Testing] ()
    6. [Material-UI] ()
    7. [ESLint / Prettier] ()
    8. Pages
    9. Redirections
  2. Projects
  3. Organizations
  4. Guide Pages
  5. Styling
  6. API Endpoints

Repository Overview

Configuration Files

React Pages

React Components

Assets

Cypress / Testing

Material-UI

ESLint / Prettier

Pages

Redirections

Github-related folders

Projects

Organizations

Guide Pages

Styling

Why Sass?

Sass Basics Summary

Styling Files

Main.scss and Normalize.scss Files

Components

Elements

Layouts

Variables

API Endpoints

Introduction

About the Project

Our Team

Joining the Team

The Team

Information

Resources

Glossary

Glossary

Clone this wiki locally