Adam Mackintosh's Portfolio App. Feel free to inspect.
$ git clone https://github.com/agm1984/adammackintosh-dot-net-webapp.git
$ cd adammackintosh-dot-net-webapp
$ yarn install
$ yarn start
The App contains an example environment config which facilitates Apollo Client configuration and CORS.
Simply rename the file from ./src/env/config.example.js
to ./src/env/config.js
and change the database credentials.
This project generally follows the Component-as-a-Folder Architecture Pattern. This is the most scalable approach that also minimizes potential for file collisions in multi-developer environments.
- Create a folder in
./src/components
- CSS can be kept with the component or based in
./src/styles
but property inheritance should be avoided. Relying on inheritance creates hard to diagnose bugs and does not foster server-side rendering. - Create Component UI
- Define Redux data flow as needed, reducers are combined in
./src/store/index.js
- Define GraphQL Queries & Mutations as needed
- Define validator.js validations for Redux-Form if there is any data input.
Submit any questions as issues on GitHub: https://github.com/agm1984/adammackintosh-dot-net-webapp/issues