view discussion, create and list comments

Author: alan2207

README.md

@@ -6,20 +6,20 @@ The application is used for having discussions between team members.
 
 The goal if this application is to showcase the following real-world problems of a React application:
 
-- [ ] Authentitication
+- [x] Authentitication
 - [ ] Authorization
 - [ ] Routing
-- [ ] Forms
-- [ ] API calls
+- [x] Forms
+- [x] API calls
 - [ ] Client related state
-- [ ] Server related state
-- [ ] Project structure
-- [ ] TypeScript
+- [x] Server related state
+- [x] Project structure
+- [x] TypeScript
 - [ ] a11y
 - [ ] i18n
 - [ ] ESLint, Prettier, Husky setup
 - [ ] Testing
-- [ ] API Mocking
+- [x] API Mocking
 
 ## Data model
 

craco.config.js

@@ -1,13 +1,13 @@
-const path = require("path");
+const path = require('path');
 module.exports = {
   webpack: {
     alias: {
-      "@": path.resolve(__dirname, "src"),
+      '@': path.resolve(__dirname, 'src'),
     },
   },
   style: {
     postcss: {
-      plugins: [require("tailwindcss"), require("autoprefixer")],
+      plugins: [require('tailwindcss'), require('autoprefixer')],
     },
   },
 };

package.json

@@ -6,6 +6,7 @@
     "@craco/craco": "^6.1.2",
     "@headlessui/react": "^1.2.0",
     "@heroicons/react": "^1.0.1",
+    "@tailwindcss/typography": "^0.4.1",
     "@testing-library/jest-dom": "^5.11.4",
     "@testing-library/react": "^11.1.0",
     "@testing-library/user-event": "^12.1.10",
@@ -15,13 +16,16 @@
     "@types/react-dom": "^17.0.0",
     "axios": "^0.21.1",
     "clsx": "^1.1.1",
+    "dompurify": "^2.2.9",
     "history": "^5.0.0",
     "jsonwebtoken": "^8.5.1",
     "lodash": "^4.17.21",
+    "marked": "^2.0.7",
     "nanoid": "^3.1.23",
     "react": "^17.0.2",
     "react-dom": "^17.0.2",
     "react-hook-form": "^7.7.1",
+    "react-markdown-editor-lite": "^1.2.4",
     "react-query": "^3.16.0",
     "react-query-auth": "^0.3.0",
     "react-router-dom": "^6.0.0-beta.0",
@@ -39,6 +43,7 @@
     "lint": "eslint --fix --ext .js,.ts,.tsx --ignore-path .gitignore .",
     "prettier": "prettier --ignore-path .gitignore --write \"**/*.+(js|json|ts|tsx)\"",
     "format": "npm run prettier -- --write",
+    "check-types": "tsc --project tsconfig.json --pretty --noEmit",
     "check-format": "npm run prettier -- --list-different",
     "validate-and-build": "npm-run-all --parallel check-types check-format lint build",
     "generate": "plop"
@@ -57,8 +62,10 @@
   },
   "devDependencies": {
     "@mswjs/data": "^0.3.0",
+    "@types/dompurify": "^2.2.2",
     "@types/jsonwebtoken": "^8.5.1",
     "@types/lodash": "^4.14.170",
+    "@types/marked": "^2.0.3",
     "@typescript-eslint/eslint-plugin": "^4.25.0",
     "@typescript-eslint/parser": "^4.25.0",
     "autoprefixer": "^9",