bnb / fullstack

React/ApolloGraphQL/Node/Mongo demo written in Typescript

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

My Awesome Repository

Sponsors

FullStack is proudly supported by ReadMeAds. ReadMeAds is the best way to start passively monetizing the open source work that you do.

What is this?

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam at commodo dolor. Ut blandit ante quis dolor pretium porttitor. Aenean viverra nisi sit amet justo porttitor blandit. Mauris accumsan, lectus nec elementum maximus, justo libero ultrices ante, a auctor dui urna id risus. In porta in turpis vel vestibulum. Proin fringilla eleifend libero, et consequat augue semper vel. Phasellus sit amet placerat tortor. Etiam in nisl urna. Praesent dignissim, arcu in vehicula malesuada, arcu mi scelerisque felis, congue finibus ex est pharetra odio. Sed tempus suscipit neque, vitae sagittis purus eleifend nec. Suspendisse faucibus iaculis leo cursus vehicula. Nam condimentum in purus ut elementum. Nullam varius vehicula orci, rutrum bibendum lacus malesuada vitae. Maecenas bibendum dolor vel sem convallis, et convallis enim commodo.

If you're trying to expand into some of the technologies I'm using here, star it, fork it and start playing! Feel free to find my email at the bottom of my site and reach out with any questions.

Stack

Client

Built using react-native-web because it's really cool and really easy to turn into a mobile app

Server

Written in Node.js. The server uses GraphQL with apollo-server for delivering data between client and server and typegoose for interacting with Mongo in a nice type-friendly way. Accounts are set up using the wonderful accounts.js library.

Generators

type-graphql and graphql-codegen are used to generate types for all my GraphQL resolvers to keep client and server totally and beautifully in sync.

Other cool things

I've included a number of animations using plain CSS and react-spring. If you're a react developer and want to animate your work learn react-spring. Thank me later. This project is using Plaid to access read info for users bank accounts and Google Place API for address lookup.

Usage

To get this working right you'll need to create API keys for Google Places and Plaid. Then add them to the client and server config files.

# Run mongo
sudo mongod

# In ./server
yarn install
yarn watch

# In ./client
cp ./src/config/example.env.json ./src/config/development.env.json
yarn install
yarn start
yarn gen:types:watch

License

MIT

About

React/ApolloGraphQL/Node/Mongo demo written in Typescript

License:MIT License


Languages

Language:TypeScript 85.1%Language:Objective-C 5.5%Language:Python 2.8%Language:HTML 2.1%Language:CSS 2.0%Language:Java 1.9%Language:JavaScript 0.7%