refactor: setup initial folder structure

Author: mpsalunggg

.eslintrc.json

@@ -1,3 +1,8 @@
 {
-  "extends": "next/core-web-vitals"
+  "extends": ["next", "next/core-web-vitals", "prettier"],
+  "plugins": ["prettier"],
+  "rules": {
+    "prettier/prettier": "warn",
+    "no-console": "error"
+  }
 }

src/app/globals.css

@@ -1,33 +1,3 @@
 @tailwind base;
 @tailwind components;
-@tailwind utilities;
-
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(
-      to bottom,
-      transparent,
-      rgb(var(--background-end-rgb))
-    )
-    rgb(var(--background-start-rgb));
-}
-
-@layer utilities {
-  .text-balance {
-    text-wrap: balance;
-  }
-}
+@tailwind utilities;

src/app/page.tsx

@@ -1,9 +1,9 @@
-import Image from 'next/image';
+import MainPage from '@/features/Main';
 
 export default function Home() {
   return (
-    <main className="flex min-h-screen flex-col items-center justify-between p-24">
-      <h1>Hellooo</h1>
+    <main>
+      <MainPage />
     </main>
   );
 }

src/components/Footer/index.tsx

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+
+const Footer: FC = () => {
+  return <div>Footer</div>;
+};
+export default Footer;

src/components/Navbar/index.tsx

@@ -0,0 +1,10 @@
+import { FC } from 'react';
+
+const Navbar: FC = () => {
+  return (
+    <div className="w-full h-24 bg-black text-white flex justify-center items-center">
+      Navbar
+    </div>
+  );
+};
+export default Navbar;

src/domains/sign-in.ts

@@ -0,0 +1 @@
+export type Test = string;

src/features/Main/components/IconDiscord/index.tsx

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+
+const IconDiscord: FC = () => {
+  return <div>IconDiscord</div>;
+};
+export default IconDiscord;

src/features/Main/components/IconInstagram/index.tsx

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+
+const IconInstagram: FC = () => {
+  return <div>IconInstagram</div>;
+};
+export default IconInstagram;

src/features/Main/index.tsx

@@ -0,0 +1,10 @@
+import Navbar from '@/components/Navbar';
+
+const Main = () => {
+  return (
+    <div>
+      <Navbar />
+    </div>
+  );
+};
+export default Main;

src/features/Main/sections/About/index.tsx

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+
+const About: FC = () => {
+  return <div>About</div>;
+};
+export default About;

src/features/Main/sections/Hero/index.tsx

@@ -0,0 +1,6 @@
+import { FC } from 'react';
+
+const Hero: FC = () => {
+  return <div>Hero</div>;
+};
+export default Hero;

src/features/Sign-in/index.tsx

@@ -0,0 +1,4 @@
+const SignIn = () => {
+  return <div>Ini SignIn</div>;
+};
+export default SignIn;

src/helpers/index.tsx

@@ -0,0 +1,3 @@
+import { Test } from '@/domains/sign-in';
+
+export const testHelpers: Test = 'test';

src/pages/dashboard/index.tsx

@@ -0,0 +1,7 @@
+import { NextPage } from 'next';
+import { FC } from 'react';
+
+const Dashboard: FC<NextPage> = () => {
+  return <div>Dashboard</div>;
+};
+export default Dashboard;

src/pages/sign-in/index.tsx

@@ -0,0 +1,8 @@
+import SignInPage from '@/features/Sign-in';
+import { NextPage } from 'next';
+import { FC } from 'react';
+
+const SignIn: FC<NextPage> = () => {
+  return <SignInPage />;
+};
+export default SignIn;