https://github.com/balmacefa/frontend_types

https://github.com/balmacefa/frontend_types

Last synced: 17 days ago
JSON representation

• Host: GitHub
• URL: https://github.com/balmacefa/frontend_types
• Owner: balmacefa
• Created: 2024-03-14T23:17:11.000Z (10 months ago)
• Default Branch: main
• Last Pushed: 2024-03-15T00:23:27.000Z (10 months ago)
• Last Synced: 2024-11-06T15:54:01.805Z (2 months ago)
• Language: TypeScript
• Size: 190 KB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 1
• Metadata Files:
  • Readme: README.md
  • Changelog: CHANGELOG.md

Awesome Lists containing this project

README

        
# Frontend Types

This project contain classes with literal strings, for server side render.

The porpuse of this project is to facilitate the works of fullstack developers

who wants to focus on the backend. I want to integrate the fronend using htmx like stacks.

# Key Concepts

- Server Side Render, using literal strings ``

- Common API contracts for multiple css styling libraries.

- Easy to switch libraries.

- Use multiple css librarys can componets.

- Rely on CDN

- Response with plain HTML

- Use Jquery for UI interactivity

- Use HTMX for flow and state managment

# Dev guideliness

- always return string

- func have one and only one argument

- Include a parm for optional class injection

- Include a parm for optional html attributes injection

# Foundation Layer

this layer contains basic, shared, or stantrds between css libs.

## Layout

- Container

- Row

- Col

- Grid

- Mansory grid

## From

- Fieldset

- Field

- Label

- Textarea

- Checkbox

- Select

## Utilities

- Iframe

- z_index

# Application Layer

This layer contains componets and extends from the foundation layer

- Tabs

- Buttons

- Card

- Pagination

- Nav bar (vertical, horizontal)

- Progress bar

- loaders

- alerts

- popups

- collapse