Development

README.md

@@ -1,18 +1,25 @@
-# Challenges
-Checkout our Challenges!
+Clone the project
 
-### What we would love to see
-- Your ability to solve problems
-- Thinking beyond the explicit requirements
-- Clean code (use linters)
-- TDD techniques
+```bash
+  git clone https://github.com/cetinozgur/pego-hackernews
+```
 
-If you have any question, you can open an issue on GitHub or send us an email.
+Go to the project directory
 
-### FullStack
+```bash
+  cd pego-hackerbews
+```
 
-- [Fullstack Hacker News](fullstack.md) 
+Open two terminals and run the project with the following commands.
 
-### Frontend
-- [Frontend Hacker News](frontend.md) 
+Client
 
+```bash
+  cd client && npm install && npm run start
+```
+
+Server
+
+```bash
+ cd server && npm install && npm run compile & docker-compose up -d
+```

client/.env

@@ -0,0 +1,6 @@
+REACT_APP_AUTH0_DOMAIN=dev-3ke2nu4o6dtdifah.us.auth0.com
+REACT_APP_AUTH0_CLIENT_ID=UyjP3UG9C37Zl1CvZxRa8lBOp5Ijvy0j
+REACT_APP_AUTH0_CALLBACK_URL=http://localhost:3000/stories/top
+REACT_APP_AUTH0_AUDIENCE=https://hackernews.example.com
+
+`

client/.eslintrc

@@ -0,0 +1,25 @@
+{
+  "env": {
+    "browser": true,
+    "es6": true,
+    "jest": true
+  },
+  "extends": [
+    "eslint:recommended",
+    "plugin:react/recommended",
+    "plugin:@typescript-eslint/recommended"
+  ],
+  "plugins": ["react", "@typescript-eslint"],
+  "settings": {
+    "react": {
+      "pragma": "React",
+      "version": "detect"
+    }
+  },
+  "rules": {
+    "@typescript-eslint/explicit-function-return-type": 0,
+    "@typescript-eslint/explicit-module-boundary-types": 0,
+    "react/react-in-jsx-scope": 0,
+    "@typescript-eslint/no-explicit-any": 0
+  }
+}

client/.gitignore

@@ -0,0 +1,24 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# production
+/build
+
+# misc
+.DS_Store
+.env.local
+.env.development.local
+.env.test.local
+.env.production.local
+
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+notes.txt

client/codegen.ts

@@ -0,0 +1,15 @@
+import type { CodegenConfig } from "@graphql-codegen/cli";
+
+const config: CodegenConfig = {
+  overwrite: true,
+  schema: "http://localhost:4000/graphql",
+  documents: "src/**/*.tsx",
+  generates: {
+    "./src/gql/": {
+      preset: "client",
+      plugins: [],
+    },
+  },
+};
+
+export default config;

client/config-overrides.js

@@ -0,0 +1,19 @@
+/* eslint-disable no-undef */
+/* eslint-disable @typescript-eslint/no-var-requires */
+const { addWebpackAlias } = require("customize-cra");
+const { override } = require("customize-cra");
+const addLessLoader = require("customize-cra-less-loader");
+const path = require("path");
+
+module.exports = override(
+  addLessLoader({
+    // If you are using less-loader@5 or older version, please spread the lessOptions to options directly.
+    lessOptions: {
+      javascriptEnabled: true,
+      modifyVars: { "@base-color": "#880061" },
+    },
+  }),
+  addWebpackAlias({
+    "@": path.resolve(__dirname, "src"),
+  })
+);