ninjayoto / future-web

Starter kit to create PWA with cutting edge technologies

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, we know, there are a lot of them out there, it is just to practice and learn.

Packages

• future-web-graphql-date-time-resolver: GraphQL scalar resolver for date time
• 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 and join us on Slack

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
• 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
• Warn the maintainer that you are done
• Wait for the merge
• Start again :)

Useful Links

• Material-UI V1 Demo
• material.io Official Icons
• material.io Color Pallet
• Material Community Icons
• Flexbox Tricks
• What Web Can Do - browser capabilities
• React Router API
• Apollo React Docs
• Recompose API
• Meteor Guide
• Meteor History
• Moment.js Docs
• Immutable JS Docs

Study Stack

• Repo with links about Full Stack Future Web