/grocery-list

A coding assignment

Primary LanguageTypeScript

Grocery List

The client app was bootstrapped using Create React App, while the server is based on Apollo GraphQL server.

Tech Stack Choices

The following technologies were used in building this project:

  • React
  • TypeScript
  • Apollo GraphQL server and client
  • TailWindCSS
  • Yarn as the package manager
  • Jest, JestDom, and React Testing Library as the testing libraries

Running the Project Locally

To run the project locally, you need to install dependencies in both the client and server directories. Follow these steps:

cd Server/
yarn
yarn start

The above command should start the GraphQL server and output the following:

tsc
🚀 Server ready at http://localhost:4000/
cd Client/
yarn
yarn start

Executing the above command in the client directory should open a browser window or tab with the URL http://localhost:3000.

You can now view client in the browser.

  Local:            http://localhost:3000

Running All Tests

To run all tests, execute the following command in the client directory:

yarn test

Version Number

5b8d0fd276b6d288905ed2f63a934e057e8feca2