build: add build settings of project

.editorconfig

@@ -0,0 +1,12 @@
+# EditorConfig is awesome: https://EditorConfig.org
+
+# top-most EditorConfig file
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+end_of_line = crlf
+charset = utf-8
+trim_trailing_whitespace = false
+insert_final_newline = false

.eslintrc.json

@@ -1,3 +1,6 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": [
+    "next/core-web-vitals",
+    "plugin:storybook/recommended"
+  ]
 }

.prettierrc

@@ -0,0 +1,5 @@
+{
+  "singleQuote": true,
+  "tabWidth": 2,
+  "semi": true
+}

jest.config.mjs

@@ -0,0 +1,16 @@
+import nextJest from 'next/jest.js';
+
+const createJestConfig = nextJest({
+  dir: './',
+});
+
+/** @type {import('jest').Config} */
+const config = {
+  testEnvironment: 'jest-environment-jsdom',
+  transform: {
+    '^.+\\.[tj]sx?$': 'babel-jest',
+    '^.+\\.mdx?$': '@storybook/addon-docs/jest-transform-mdx',
+  },
+};
+
+export default createJestConfig(config);

next.config.js

@@ -1,6 +1,9 @@
 /** @type {import('next').NextConfig} */
 const nextConfig = {
   reactStrictMode: true,
-}
+  compiler: {
+    styledComponents: true,
+  },
+};
 
-module.exports = nextConfig
+module.exports = nextConfig;

package.json

@@ -1,22 +1,124 @@
 {
   "name": "front-test",
-  "version": "0.1.0",
+  "version": "1.0.0",
   "private": true,
   "scripts": {
     "dev": "next dev",
     "build": "next build",
     "start": "next start",
-    "lint": "next lint"
+    "test": "jest",
+    "lint": "next lint",
+    "storybook": "storybook dev -p 6006",
+    "test-storybook": "test-storybook",
+    "build-storybook": "storybook build"
   },
   "dependencies": {
-    "@types/node": "20.3.1",
-    "@types/react": "18.2.13",
-    "@types/react-dom": "18.2.6",
-    "eslint": "8.43.0",
-    "eslint-config-next": "13.4.7",
-    "next": "13.4.7",
+    "@emotion/react": "^11.10.5",
+    "@emotion/styled": "^11.10.5",
+    "@geometricpanda/storybook-addon-iframe": "^0.2.2",
+    "@mdx-js/react": "^2.3.0",
+    "@next/mdx": "^13.3.1",
+    "@storybook/addon-storyshots-puppeteer": "^7.0.7",
+    "@storybook/global": "^5.0.0",
+    "@types/debounce": "^1.2.1",
+    "@types/dotenv-webpack": "^7.0.3",
+    "@types/react-icons": "^3.0.0",
+    "@types/uuid": "^9.0.0",
+    "debounce": "^1.2.1",
+    "dotenv-webpack": "^8.0.1",
+    "framer-motion": "^10.12.17",
+    "global": "^4.4.0",
+    "install-peers": "^1.0.4",
+    "jest-transformer-mdx": "2",
+    "mdx-embed": "^1.1.2",
+    "msw": "^1.2.1",
+    "next": "^13.4.2",
+    "next-mdx-remote": "^4.4.1",
+    "puppeteer": "^19.11.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
-    "typescript": "5.1.3"
-  }
+    "react-icons": "^4.10.1",
+    "react-player": "^2.12.0",
+    "sharp": "^0.32.1",
+    "storybook-addon-custom-event-broadcaster": "^1.1.0",
+    "styled-components": "5.3.6",
+    "ts-debounce": "^4.0.0",
+    "uuid": "^9.0.0"
+  },
+  "devDependencies": {
+    "@babel/core": "^7.21.4",
+    "@mdx-js/loader": "^2.3.0",
+    "@pluralsight/ps-design-system-storybook-addon-center": "^5.1.8",
+    "@storybook/addon-a11y": "^7.0.10",
+    "@storybook/addon-actions": "^7.0.7",
+    "@storybook/addon-console": "^1.2.3",
+    "@storybook/addon-controls": "^7.0.7",
+    "@storybook/addon-coverage": "^0.0.8",
+    "@storybook/addon-docs": "^7.0.7",
+    "@storybook/addon-essentials": "^7.0.7",
+    "@storybook/addon-google-analytics": "^6.2.9",
+    "@storybook/addon-highlight": "^7.0.7",
+    "@storybook/addon-interactions": "^7.0.7",
+    "@storybook/addon-knobs": "^7.0.0",
+    "@storybook/addon-links": "^7.0.7",
+    "@storybook/addon-mdx-gfm": "^7.0.7",
+    "@storybook/addon-storyshots": "^7.0.20",
+    "@storybook/addon-storysource": "^7.0.7",
+    "@storybook/addon-styling": "^1.0.1",
+    "@storybook/addon-viewport": "^7.0.7",
+    "@storybook/blocks": "^7.0.7",
+    "@storybook/jest": "^0.1.0",
+    "@storybook/mdx2-csf": "^1.0.0",
+    "@storybook/nextjs": "7.0.7",
+    "@storybook/react": "7.0.21",
+    "@storybook/test-runner": "^0.10.0",
+    "@storybook/testing-library": "^0.1.0",
+    "@swc/core": "^1.3.55",
+    "@testing-library/jest-dom": "^5.16.5",
+    "@testing-library/react": "^14.0.0",
+    "@types/jest": "^29.5.0",
+    "@types/node": "18.11.18",
+    "@types/react": "18.0.26",
+    "@types/react-dom": "18.0.10",
+    "@types/styled-components": "^5.1.26",
+    "@whitespace/storybook-addon-code": "^1.0.2",
+    "@whitespace/storybook-addon-html": "^5.1.4",
+    "babel-jest": "^29.5.0",
+    "babel-plugin-macros": "^3.1.0",
+    "chromatic": "^6.17.4",
+    "eslint": "8.31.0",
+    "eslint-config-next": "13.1.1",
+    "eslint-config-prettier": "^8.8.0",
+    "eslint-plugin-prettier": "^4.2.1",
+    "eslint-plugin-storybook": "^0.6.11",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jest-puppeteer": "^8.0.6",
+    "msw-storybook-addon": "^1.8.0",
+    "paths.macro": "^3.0.1",
+    "prettier": "^2.8.8",
+    "react-docgen-typescript": "^2.2.2",
+    "react-syntax-highlighter": "^15.5.0",
+    "storybook": "7.0.7",
+    "storybook-addon-designs": "^7.0.0-beta.2",
+    "storybook-addon-i18next": "^1.3.0",
+    "storybook-addon-jarle-monaco": "^0.5.0",
+    "storybook-addon-live-examples": "^1.0.18",
+    "storybook-addon-locale": "^0.3.6",
+    "storybook-addon-root-attribute": "^1.0.2",
+    "storybook-addon-swc": "^1.2.0",
+    "storybook-css-modules": "^1.0.8",
+    "storybook-dark-mode": "^3.0.0",
+    "storybook-vscode-component": "^1.0.9",
+    "ts-jest": "^29.1.0",
+    "ts-loader": "^9.4.3",
+    "typescript": "^5.1.3"
+  },
+  "readme": "ERROR: No README data found!",
+  "_id": "alumni_2@0.1.0",
+  "msw": {
+    "workerDirectory": "public"
+  },
+  "description": "front-test",
+  "license": "MIT"
 }