A Web-Based Application that allows users who have a registered account to browse through their own items and other User's items and profile. The Users can share their own items. The UI Application is built on React and Material UI library.
It features a state management tool known as Redux, which holds the entire state application allowing predictable state updates. This can be interacted with by sending actions, where the action creators make an action.
PostgreSQL is used to store shareable items and user info. It uses Node.js/Express as its web server which connects to client via Appolo, and GraphQL for its client-facing API.
The following technologies were applied in building and delivering Boomtown's backend application:-
- JavaScript
- GraphQL
- Express
- Node
- POSTGRESQL
- Apollo
- React
- Redux
- React Final Form
- Material UI
-
GraphQL can be used to Query from an API and/or Database.
-
GraphQL requires a Schema which consists of TypeDefs & Resolvers
-
Resolvers are a method or a function that resolves a value for a field or type in a schema.
-
Efficient Query Language that mitigates over-fetching and under fetching data
-
React Final Form subscribes to all changes and is framework agnostic
-
JSON Web Token contains all data to validate users
-
Protecting passwords with salted password hashing
Commands must be run from the server directory:
npm installnpm run start:devJust linting:
npm run lintRun linting, and fix any errors:
npm run lint:fixRun Jest tests:
npm run jest
Run Jest tests, and watch for changes:
npm run jest:watchRun all tests:
npm run testCommands must be run from the client directory:
npm installnpm startnpm run buildJust linting:
npm run lintRun linting, and fix any errors:
npm run lint:fixRun all tests:
npm run test