Hello "/about"!

Content Management Client for Soy Costa Rica App

This is the Content Management Client to register and update places, articles, users, etc. for the Soy Costa Rica App (SCRApp)

Technologies Used

Git Setup

git init
git add *
git commit -m "<message>"
git branch -M main
git remote add origin https://github.com/efgarro/2024v10-SCR-CMApp.git
git push -u origin main

Other commands

git remote -v
git remote set-url origin https://github.com/efgarro/2024-v03-SCR-CMApp.git // Renaming URL

"origin" is the shorthand for the repo's URL "https://github.com/efgarro/..."

git config --system --list
git config --global --list
git config --local --list
git config --list --show-origin

CSS Naming Convention

Layout Containers Classes

.core_screen
.core_container
.core_box
.core_wrapper
.core_wrapperSm, .core_wrapperMd, etc.
.core_flexRow
.core_flexCol

UI Components / Modules Classes

.header_menu, .header_logo, .header_searchBox, .header_<name>
.footer_menu, .footer_logo, .footer_searchBox, .footer_<name>
.sidebar_box, sidebar_title, sidebar_<name>
.navbar_<name>
.main-content_<name>
.caseOne_<name>, .caseTwo_<name>
.podOne_<name>, .podTwo_<name>
.restaBox_<name>

Organizing Properties

/* by Kevin Powel */
/* https://www.youtube.com/watch?v=3Y03OSNw6zo */

/* display */
/* positioning */
/* box-model */
/* typography*/
/* manipulating */
/* miscellaneous */

Breaking Points - CMApp

Screen TypeScreen SizeContainer Size
Small>=576px540px
Medium>=768px720px
Large>=992px960px
X-Large>=1200px1140px

App.tsx Highlights

App.tsx Highlights

References