Rock Paper Scissors

Implementation of Rock-Paper-Scissors game !

I did this project as a technical test for a company.

API: Node.js, Express, Apollo server, GraphQL and Typescript.

Frontend: Node.js, Express, Apollo client, Typescript, React.js, Zustand, Tailwind CSS and Material UI.

---

To run this project in dev

git clone https://github.com/Flo-Slv/rock-paper-scissors.git 

API

cd rock-paper-scissors/api && \
npm install

Create .env file

touch .env

Add this line into .env

MONGODB=mongodb+srv://FloSlv:SweepBright2023@sweep-bright.9q4kkbe.mongodb.net/rock-paper-scissors?retryWrites=true&w=majority

Update: July 2023 - I deleted the mongo DB.

Run API server.

npm run dev

Frontend

cd rock-paper-scissors/rockpaperscissors && \
npm install && \
npm run dev

---

Dependencies

API

List of dependencies

@apollo/server express graphql cors body-parser mongoose dotenv

List of dev dependencies

nodemon ts-node tsc-watch typescript @types/cors @types/express @types/node

Frontend

List of dependencies

express @apollo/client express cors dotenv graphql react react-dom react-hook-form @hookform/resolvers validator yup @mui/material @emotion/react @emotion/styled clsx zustand

List of dev dependencies

tailwindcss postcss autoprefixer typescript ts-node tsc-watch ts-loader @types/cors @types/express @types/node @types/react @types/react-dom @types/validator webpack webpack-cli css-loader postcss-loader style-loader postcss-preset-env nodemon  @babel/core @babel/preset-env @babel/preset-react @babel/preset-typescript jest jest-environment-jsdom babel-jest cross-fetch @testing-library/dom @testing-library/jest-dom @testing-library/react