Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/codeftw/future-web
Starter kit to create PWA with cutting edge technologies
https://github.com/codeftw/future-web
apollo flexbox material material-ui meteor meteorjs react
Last synced: about 1 month ago
JSON representation
Starter kit to create PWA with cutting edge technologies
- Host: GitHub
- URL: https://github.com/codeftw/future-web
- Owner: CodeFTW
- Created: 2017-08-07T15:36:03.000Z (over 7 years ago)
- Default Branch: master
- Last Pushed: 2019-05-18T00:43:36.000Z (over 5 years ago)
- Last Synced: 2024-10-14T03:41:52.310Z (about 1 month ago)
- Topics: apollo, flexbox, material, material-ui, meteor, meteorjs, react
- Language: JavaScript
- Homepage:
- Size: 722 KB
- Stars: 38
- Watchers: 2
- Forks: 17
- Open Issues: 8
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Future Web
[](https://circleci.com/gh/CodeFTW/future-web)
Start kit repository using:
- Meteor (build tool, backend/frontend setup)
- GraphQL with Apollo (apollo server and apollo react client)
- React (view)
- Material-UI (UI component library)
- Flexbox (css feature to organize HTML elements)
The goal is always to keep this repository up-to-date dependency-wise and with great organization. We can also extract common parts and publish npm and meteor packages, that way this repository can be cloned or forked to start new products with this stack. PRs welcome with ideas to new modules.
Maybe in the future we have a simple skeleton here that depends on external packages without any code to be deleted after cloned to create a new product. Right now we have sample and start kit code together.
To have a path to follow we choose to build a TODO App as a working sample [/examples/todo](https://github.com/CodeFTW/future-web/tree/master/examples/todo), we know, there are a lot of them out there, it is just to practice and learn.
# Packages
- [future-web-graphql-date-time-resolver](https://github.com/CodeFTW/future-web/tree/master/packages/future-web-graphql-date-time-resolver): GraphQL scalar resolver for date time
- [future-web-ui-alert](https://github.com/CodeFTW/future-web/tree/master/packages/future-web-ui-alert): alert support with Material UI
# Who are we?
A group of people who believes that code can change people's lives for better. We are CodeFTW! [Learn more](http://codeftw.com/index-en.html) and join us on [Slack](https://slackincodeftw.herokuapp.com/)
# How to Contribute with Ideas
Follow these steps:
- Open an issue with what you think will be good to have
- Mention any maintainer, @filipenevola, for instance
- Discuss with the maintainer on the solution until you reach consensus
- Let clear on the issue what is the result expected to consider this issue done
# How to Contribute with Code
Follow these steps:
- Open an issue with what you want to do and how you would do
- Mention any maintainer, @filipenevola, for instance
- Agree with the maintainer on the solution
- Fork the repo
- Be crystal clear that you will start to work on that
- it is important to avoid two people doing the same thing at the same time
- Start a Pull Request
- watch how to do it in the first 15 minutes of this [video](https://www.youtube.com/watch?v=TNoGHLZaTRg&t=4343s)
- Send your code
- don't forget to format your code before commit and have zero eslint erros/warnings
- commit message should contains the issue id with #
- upgrade your fork to capture changes in the main project, check how to do it [here](https://gist.github.com/rdeavila/9618969)
- Warn the maintainer that you are done
- Wait for the merge
- Start again :)
# Useful Links
- [Material-UI V1 Demo](https://material-ui-next.com/demos/app-bar/)
- [material.io Official Icons](https://material.io/icons/)
- [material.io Color Pallet](https://material.io/guidelines/style/color.html)
- [Material Community Icons](https://materialdesignicons.com/)
- [Flexbox Tricks](https://css-tricks.com/snippets/css/a-guide-to-flexbox/)
- [What Web Can Do](https://whatwebcando.today/) - browser capabilities
- [React Router API](https://reacttraining.com/react-router/web/api/BrowserRouter)
- [Apollo React Docs](https://www.apollographql.com/docs/react/)
- [Recompose API](https://github.com/acdlite/recompose/blob/master/docs/API.md)
- [Meteor Guide](https://guide.meteor.com/)
- [Meteor History](https://github.com/meteor/meteor/blob/devel/History.md)
- [Moment.js Docs](https://momentjs.com/docs/#/parsing/)
- [Immutable JS Docs](https://facebook.github.io/immutable-js/docs/#/)
# Study Stack
- [Repo with links about Full Stack Future Web](https://github.com/CodeFTW/Stack)