Giter Site home page Giter Site logo

sanlex / fullstack Goto Github PK

View Code? Open in Web Editor NEW

This project forked from immortalin/onefraction

0.0 0.0 0.0 1.21 MB

React/ApolloGraphQL/Node/Mongo demo written in Typescript

License: MIT License

Python 2.75% Java 1.87% JavaScript 0.72% Objective-C 5.51% HTML 2.11% TypeScript 85.06% CSS 1.97%

fullstack's Introduction

FullStack

This is a platform I began building for a client. After he signed and I started working he decided to pivot and not pay me. Sometimes you get screwed in business but at least now I have a cool boilerplate to give away.

follow me on Twitter - follow the designer

fullstack.gif

What is this?

This project was supposed to be an app where users receive benefits for paying their rent through the platform as opposed to check or bank transfer. Since this repo rose to the top of Hacker News, r/programming and Github I have decided it deserves a new life. So allow me to reintroduce it as a full-stack boilerplate with my current top picks for tech I like to use on client work.

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

fullstack's People

Contributors

trillcyborg avatar elie222 avatar shazow avatar falkf avatar franciscop avatar mcgraths7 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.