Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/sujilnt/advancedtodo
A Advanced todo APP using custom React components , vanilla CSS(Flexbox) and Webpack
https://github.com/sujilnt/advancedtodo
cssflexbox react react-loadable webpack
Last synced: 2 days ago
JSON representation
A Advanced todo APP using custom React components , vanilla CSS(Flexbox) and Webpack
- Host: GitHub
- URL: https://github.com/sujilnt/advancedtodo
- Owner: sujilnt
- Created: 2019-05-10T08:49:57.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-01-01T06:56:59.000Z (about 2 years ago)
- Last Synced: 2024-12-06T22:07:55.832Z (about 1 month ago)
- Topics: cssflexbox, react, react-loadable, webpack
- Language: JavaScript
- Homepage: https://sujilnt.github.io/AdvancedTodo/
- Size: 2.98 MB
- Stars: 1
- Watchers: 2
- Forks: 0
- Open Issues: 22
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## AdvancedTodo
A todo APP using React,css FlexBox and Webpack . The intentation of this project was to understand indept of webpack code splitting.
How to optimise the js and css files while shipping or publish it. The react-code spliting library used is React-Lodable.
### `Languages and Framework Used`
1) Javascript - ES6 .
2) Vanilla Css - Css FlexBox.
3) React.js and ReactLodable, `All components are custom made without any library`.
4) babel and Webpack.
5) Google developer Tool - show coverage tool.
### `Published Url & Image`
Working url - `https://sujilnt.github.io/AdvancedTodo/`![alt text](https://github.com/sujilnt/AdvancedTodo/blob/master/assets/AdvancedTodo.PNG)
### `Running App`
For development - `yarn run dev`
For Production - `yarn run prod`
For Deploy and Publish - `yarn run publish`
### `localHost`
`http://localhost:8080/`