https://github.com/captaincodeman/web-app-starter
Web App Starter using WebComponents, Lit-Html, Redux, Typescript and Rollup
https://github.com/captaincodeman/web-app-starter
firebase lit-html redux redux-first-routing redux-thunk reselect rollup typescript universal-router web-components
Last synced: about 2 months ago
JSON representation
Web App Starter using WebComponents, Lit-Html, Redux, Typescript and Rollup
- Host: GitHub
- URL: https://github.com/captaincodeman/web-app-starter
- Owner: CaptainCodeman
- Created: 2017-11-26T18:35:28.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2017-11-27T16:24:35.000Z (over 7 years ago)
- Last Synced: 2025-04-04T10:33:36.524Z (3 months ago)
- Topics: firebase, lit-html, redux, redux-first-routing, redux-thunk, reselect, rollup, typescript, universal-router, web-components
- Language: TypeScript
- Size: 16.6 KB
- Stars: 33
- Watchers: 8
- Forks: 4
- Open Issues: 0
-
Metadata Files:
- Readme: readme.md
Awesome Lists containing this project
README
# Web App Starter
A skeleton application showing a "modern" web app project based
on Web-Components enhanced with Lit-Html for template rendering
and using Redux for state with Universal Router for routing and
Firebase Firestore for storage. All developed in Typescript and
built using Rollup.
App JS size: 14Kb (not including Firebase Libraries)
See [demo](https://web-app-starter.firebaseapp.com/)
## Dependecies
Firebase CLI
## Getting Started
Install dependencies
npm install
Build
npm run build
Develop (build & watch)
npm run dev
Build output is in `/public` folder
## Running
Start the app using the firebase server, passing the firebase project ID (or
by configuring it in .firebaserc)
firebase serve --project firebase-project-id
View the running app by going to http://localhost:5000
## Credits
App Drawer animation based on
[this article](https://medium.com/outsystems-experts/how-to-achieve-60-fps-animations-with-css3-db7b98610108)