https://github.com/yessglory17/flutter-style-javascript
my funny project 🤣
https://github.com/yessglory17/flutter-style-javascript
flutter flutter-style-javascript javascript js library typescript webdev webdevelopment
Last synced: over 1 year ago
JSON representation
my funny project 🤣
- Host: GitHub
- URL: https://github.com/yessglory17/flutter-style-javascript
- Owner: yessGlory17
- License: mit
- Created: 2021-11-01T16:58:02.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-11-10T19:39:46.000Z (over 4 years ago)
- Last Synced: 2025-02-26T19:52:10.327Z (over 1 year ago)
- Topics: flutter, flutter-style-javascript, javascript, js, library, typescript, webdev, webdevelopment
- Language: TypeScript
- Homepage:
- Size: 2.07 MB
- Stars: 5
- Watchers: 3
- Forks: 1
- Open Issues: 1
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# flutter-style-javascript
This project is for experimental purposes only.
## Usage
- Create a HTML file and put body tag id 'app'
- Create Javscript file and connect HTML file ('')
- import fsjs.minjs with cdn
### CDN
```
https://cdn.jsdelivr.net/gh/yessGlory17/flutter-style-javascript/fsjs.min.js
```
### Example
```js
import {
Div,
Button,
Text,
TextTypes,
Style
} from 'https://cdn.jsdelivr.net/gh/yessGlory17/flutter-style-javascript/fsjs.min.js';
Div({
childs:[
Text({
content:'Heeey',
type:TextTypes.H1
}),
Button({
text: Text({content:'press',type:TextTypes.H1}),
onClick:()=>console.log('hello world'),
style:Style({
backgroundColor:'green'
})
})
],
style:Style({
width:'300px',
height:'200px',
backgroundColor:'red'
})
})
```
Output
## Components
- [x] Div
- [x] Button
- [x] Text (H1,H2,H3,H4,H5,H6,p)
- [x] Style (width,height,border,border-radius,background-color)
- [x] Picture
- [x] Input (text, file, password, etc.)
- [ ] Navbar
- [ ] Bottom Navigation Bar
- [ ] Animation
## Library
- [ ] Main Widget Class
- [ ] Statefull Widget
- [ ] Stateless Widget
## State
- [ ] State Pattern Implementation
## Examples
- [ ] Counter App
- [ ] CRUD App