Merge pull request #22 from w3bdesign/develop

Legg til placeholder komponenter
w3bdesign · Dec 29, 2021 · b3f97ca · b3f97ca · vercel · Dec 29, 2021
2 parents 70cb6a0 + c7f2164
commit b3f97ca
Show file tree

Hide file tree

Showing 7 changed files with 120 additions and 29 deletions.
diff --git a/README.md b/README.md
@@ -1,38 +1,18 @@
 [![DeepScan grade](https://deepscan.io/api/teams/11080/projects/19508/branches/508468/badge/grade.svg)](https://deepscan.io/dashboard#view=project&tid=11080&pid=19508&bid=508468)
 [![Language grade: JavaScript](https://img.shields.io/lgtm/grade/javascript/g/w3bdesign/dfweb-v3.svg?logo=lgtm&logoWidth=18)](https://lgtm.com/projects/g/w3bdesign/dfweb-v3/context:javascript)
 [![codecov](https://codecov.io/gh/w3bdesign/dfweb-v3/branch/master/graph/badge.svg?token=VML3KNGO0N)](https://codecov.io/gh/w3bdesign/dfweb-v3)
+[![Quality Gate Status](https://sonarcloud.io/api/project_badges/measure?project=w3bdesign_dfweb-v3&metric=alert_status)](https://sonarcloud.io/summary/new_code?id=w3bdesign_dfweb-v3)
 
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
+# Dfweb
 
-## Getting Started
+Third version of my portfolio website with Next.js with Typescriptinstead of Gatsby.
 
-First, run the development server:
+## Features:
 
-```bash
-npm run dev
-# or
-yarn dev
-```
+### Misc:
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+- NextJS as main project dependency
 
-You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+## TODO
 
-[API routes](https://nextjs.org/docs/api-routes/introduction) can be accessed on [http://localhost:3000/api/hello](http://localhost:3000/api/hello). This endpoint can be edited in `pages/api/hello.ts`.
-
-The `pages/api` directory is mapped to `/api/*`. Files in this directory are treated as [API routes](https://nextjs.org/docs/api-routes/introduction) instead of React pages.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+- Add features and improve README
diff --git a/components/CV/CV.component.tsx b/components/CV/CV.component.tsx
@@ -0,0 +1,22 @@
+import type { NextPage } from "next";
+import Head from "next/head";
+
+import styles from "../styles/Home.module.css";
+
+const CV: NextPage = () => {
+  return (
+    <div className={styles.container}>
+      <Head>
+        <title>DFWeb v3</title>
+        <meta name="description" content="Generated by create next app" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main className={styles.main}>
+        <h1 className={styles.title}>Velkommen til CV</h1>
+      </main>
+    </div>
+  );
+};
+
+export default CV;
diff --git a/components/Index/Index.component.tsx b/components/Index/Index.component.tsx
@@ -0,0 +1,22 @@
+import type { NextPage } from "next";
+import Head from "next/head";
+
+import styles from "../styles/Home.module.css";
+
+const Index: NextPage = () => {
+  return (
+    <div className={styles.container}>
+      <Head>
+        <title>DFWeb v3</title>
+        <meta name="description" content="Generated by create next app" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main className={styles.main}>
+        <h1 className={styles.title}>Velkommen til Index</h1>
+      </main>
+    </div>
+  );
+};
+
+export default Index;
diff --git a/components/Kontakt/Kontakt.component.tsx b/components/Kontakt/Kontakt.component.tsx
@@ -0,0 +1,22 @@
+import type { NextPage } from "next";
+import Head from "next/head";
+
+import styles from "../styles/Home.module.css";
+
+const Kontakt: NextPage = () => {
+  return (
+    <div className={styles.container}>
+      <Head>
+        <title>DFWeb v3</title>
+        <meta name="description" content="Generated by create next app" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main className={styles.main}>
+        <h1 className={styles.title}>Velkommen til Kontakt</h1>
+      </main>
+    </div>
+  );
+};
+
+export default Kontakt;
diff --git a/components/Prosjekter/Prosjekter.component.tsx b/components/Prosjekter/Prosjekter.component.tsx
@@ -0,0 +1,23 @@
+
+import type { NextPage } from "next";
+import Head from "next/head";
+
+import styles from "../styles/Home.module.css";
+
+const Prosjekter: NextPage = () => {
+  return (
+    <div className={styles.container}>
+      <Head>
+        <title>DFWeb v3</title>
+        <meta name="description" content="Generated by create next app" />
+        <link rel="icon" href="/favicon.ico" />
+      </Head>
+
+      <main className={styles.main}>
+        <h1 className={styles.title}>Velkommen til Prosjekter</h1>
+      </main>
+    </div>
+  );
+};
+
+export default Prosjekter;
diff --git a/stories/Index.stories.tsx b/stories/Index.stories.tsx
@@ -0,0 +1,23 @@
+import React from "react";
+import { ComponentStory, ComponentMeta } from "@storybook/react";
+
+import Index from "../components/Index/Index.component";
+import * as HeaderStories from "./Header.stories";
+
+export default {
+  title: "Example/Index",
+  component: Index,
+} as ComponentMeta<typeof Index>;
+
+const Template: ComponentStory<typeof Index> = () => <Index />;
+
+export const LoggedIn = Template;
+LoggedIn.args = {
+  // More on composing args: https://storybook.js.org/docs/react/writing-stories/args#args-composition
+  ...HeaderStories.LoggedIn.args,
+};
+
+export const LoggedOut = Template;
+LoggedOut.args = {
+  ...HeaderStories.LoggedOut.args,
+};
diff --git a/tailwind.config.js b/tailwind.config.js
@@ -1,6 +1,5 @@
 module.exports = {
   content: ['./pages/**/*.{js,ts,jsx,tsx}', './components/**/*.{js,ts,jsx,tsx}'],
-  darkMode: false, // or 'media' or 'class'
   theme: {
     extend: {},
   },