Loading repository data…
Loading repository data…
rafaesc / repository
Simple Fullstack GraphQL Application with Angular CLI + Redux. API built with Typescript + Express + GraphQL + Sequelize (supports MySQL, Postgres, Sqlite and MSSQL). WebApp built with Angular CLI + Redux + Async Middleware to access the API.
A transparent discovery signal based on current public GitHub metadata.
This score does not audit code, security, maintainers, documentation quality, or suitability. Verify the repository and its current documentation before adoption.
Created from fullstack graphql, implement additional support for Typescript, Angular CLI and ngrx.
Simple Demo Application
API built with Node + Express + GraphQL + Sequelize (supports MySQL, Postgres, Sqlite and MSSQL).
WebApp built with Angular CLI + Redux + Async Middleware.
Written in Typescript using Babel + Angular CLI.
git clone git@github.com:rafaesc/fullstack-graphql-angular.git fullstack-graphql-angularcd api and npm installcd webapp and npm install/api/src/config/database.json for database credentials/api/src/config/config.json for API port (optional)/webapp/.env for webapp port (optional)cd api, npm run build and npm start, browse GraphQL at http://localhost:3000/cd webapp and npm start, browse webapp at http://localhost:4200/[nodemon] starting `babel-node src/index.js --presets es2015,stage-2`
SETUP - Connecting database...
SETUP - Loading modules...
SETUP - GraphQL...
SETUP - Syncing database tables...
INFO - Database connected.
INFO - Database sync complete.
SETUP - Starting server...
INFO - Server started on port 3000.
fullstack-graphql-angular
├── api (api.example.com)
│ ├── src
│ │ ├── config
│ │ ├── models
│ │ ├── schema
│ │ ├── setup
│ │ └── index.js
│ │
│ └── package.json
│
├── webapp (example.com)
│ ├── public
│ ├── src
│ │ └── app
│ │ ├──@core
│ │ ├──@shared
│ │ ├──pages
│ │ └──app.module.ts
│ │
│ └── package.json
│
├── .gitignore
└── README.md
/api/src/models/thought.ts to /api/src/models/user.ts and modify the file for table name and respective fieldsmodels object in /api/src/models/index.ts/api/src/schema/thoughts to /api/src/schema/users and modify type.ts, resolvers.ts and fields/query.ts and fields/mutations.ts/api/src/schema/users/fields/query.ts in /api/src/schema/query.ts and add user to the fields/api/src/schema/users/fields/mutations.ts in /api/src/schema/mutations.ts and add user to the fieldscd api, npm run build and npm startusers under /webapp/src/app/pages//webapp/src/app/pages/usersusers.action.ts where all your Redux Action Types and Actions will reside (refer /webapp/src/app/@shared/store/actions/users.action.ts)users.reducer.ts where all your respective Reducers will recide (refer /webapp/src/@shared/store/reducers/users.reducer.ts)users.service.ts where all your respective Services will recide (refer /webapp/src/@shared/services/users.service.ts)users.effect.ts where all your respective Effects will recide (refer /webapp/src/@shared/store/reducers/users.effect.ts)/webapp/src/@shared/store/ to make it avaliable to the app/webapp/src/@core/core.module.ts/webapp/src/app/pages/users/users):PAGES_ROUTES object in /webapp/src/app/pages/pages.routing.tsThese queries are generated on client side using queryBuilder() helper defined in /webapp/src/app/@shared/utils/helpers.ts