devfelipereis / events-organization-app

Studying with React + NodeJS + Express + GraphQL + MongoDB

Events organization app

Studying React + NodeJS + Express + GraphQL + MongoDB

First off, I'm a beginner learning this technologies, any weird stuff is part of the process :)

I'm reading the source code of other stacks and creating a small one to understand the basics. I think this is a good way to learn once I copy/paste/edit and create some small parts of code. This helps me to understand more easily and learn faster.

Here you can see stuff from https://github.com/react-boilerplate/react-boilerplate and https://github.com/linnovate/mean. I also read some tutorials from personal blogs, medium, etc...

What is inside?

• React https://reactjs.org
• Redux https://redux.js.org Apollo 2.0 no longer uses Redux. Seems that integrate both is not so simple and as a beginner I will not spend time to do that for now.
• ApolloClient https://github.com/apollographql/apollo-client
• NodeJS https://nodejs.org
• Express http://expressjs.com
• GraphQL http://graphql.org https://github.com/graphql/express-graphql
• MongoDB https://www.mongodb.com/
• Mongoose http://mongoosejs.com/
• Docker https://www.docker.com/ Now we have it! :)

How to run this project?

• Install Docker and Docker Compose
• Clone this project and in the root directory, run from your terminal:

$ docker-compose up

Wait to finish. You should see something like this:

Open up a new tab in your terminal and run:

$ docker ps

You should see something like this:

Access the server with http://localhost:8080/api/graphql and the client with http://localhost:3000.

Built upon

• https://github.com/linnovate/mean
• https://github.com/react-boilerplate/react-boilerplate
• http://minocys.azurewebsites.net/auth-with-mongoose
• https://www.howtographql.com
• https://apihandyman.io/and-graphql-for-all-a-few-things-to-think-about-before-blindly-dumping-rest-for-graphql
• https://github.com/kriasoft/nodejs-api-starter

Enjoy :p