Civic Tech Index Site Architecture [DRAFT]

Guide: https://github.com/hackforla/website/wiki/Hack-for-LA's-Site-Architecture

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:

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