contribute-styles.md

Contribute Styles!

---

Objective of this Doc:

This document will cover guidance on styling & making UI design modifications for the frontend of EZCampus

• Section 1: Useful Links & Tools to improve developement process for this application
• Section 2: ~20 minute video that demonstrates the Frontend/Styling Workflow (UI & CSS), I've included 2 Simple Examples (Highly Recommended Watch)

---

Section 1:

Doc-esque Ressources:

Official Docs Tailwind CSS

Tailwind Class List Docs Tailwind.Build (Better Docs / Live Preview)

View Pre-made professional Tailwind Elements, and potentially copy some of their tailwind classes to our components ;) Tailwind Element Viewer & Inspector

Useful VS Code Extensions for CSS & UI Devs

Name: Tailwind CSS IntelliSense
Id: bradlc.vscode-tailwindcss
Description: Intelligent Tailwind CSS tooling for VS Code
Version: 0.9.11
Publisher: Tailwind Labs
VS Marketplace Link: https://marketplace.visualstudio.com/items?itemName=bradlc.vscode-tailwindcss

Get this React Snippets Library if you're working on Functional or Q/A Frontend Developement instead of UI

Name: ES7+ React/Redux/React-Native snippets (Search it up on VSCODE)

Section 2:

Full Video Explaination ; 18 minutes

• Jump to Example #1 ( 2:00 )
• Jump to Example #2 ( 9:50 )