🚀 FullStacking

FullStacking was a project made for a job's challenge which consists in a meeting's calendar mobile app: users can create events and add them on a public list. Technologies used: React-Native, KoaJS, GraphQL and MongoDB

I've registered this project's progress in this FullStacking Series, check them out ;D

Demo

Current state

I've worked in this project for 4 weeks with some breaks. It still has some workarounds and several pitfalls, but it's a cool first project using GraphQL, a technology I was very curious since I've started working with web development. This project is inactive for them moment.

Learnings and mentors

I've worked with React Native, GraphQL, Relay, KoaJS, Mongoose and MongoDB and practiced database connections, testing, security and debugging. I'd like to thanks @jgcmarins, @Thomazella and @jaburcodes for all the help they've given during this project (really, thank you!)

Posts

1. New Challenge: Fullstacking with React Native
2. Fullstacking: Setting up MongoDB
3. Fullstacking: Setting up React Native
4. Fullstacking: Setting up NodeJS + KoaJS
5. Fullstacking: Connecting NodeJS ↔ MongoDB
6. Fullstacking: GraphQL ↔ KoaJS
7. Fullstacking: Restructuring the project
8. Fullstacking: Relay + GraphQL
9. Fullstacking: Creating the app
10. Fullstacking: Users + Login/Register
11. Fullstacking: Pagination + DataLoader
12. Fullstacking: Final Styling
13. Fullstacking: Conclusion

Requirements

Node, npm, MongoDB, React Native CLI, OpenJDK, Android Studio and AndroidSDK.
Some of these may differ according to your system. Check these posts for instructions.

Running

sudo service mongod start
yarn start:server
yarn start:app
yarn redirect

Helpers

yarn shake # to simulate a shake and manually reload the app
yarn redirect # to redirect ports
yarn relay # to generate files need to relay (app only)
yarn update-schema # to update graphql.schema (server only, copy to app's graphql.scema)

Images