kuru-studio-network

.env.example

@@ -0,0 +1,8 @@
+NODE_ENV=XXXXX
+SITE_NAME=XXXXX
+API_KEY=XXXXX
+PROJECT_ID=XXXXX
+SENDER_ID=XXXXX
+APP_ID=XXXXX
+MEASUREMENT_ID=XXXXX
+API_PATH=XXXXX

.eslintrc.json

@@ -0,0 +1,3 @@
+{
+  "extends": "next/core-web-vitals"
+}

.github/ISSUE_TEMPLATE/bug_report.md

@@ -0,0 +1,31 @@
+---
+name: Bug report
+about: Create a report to help us improve
+---
+
+<!-- Please search existing issues to avoid creating duplicates. -->
+
+# Bug Report
+
+Bug: Not so Awesome Bug Title
+
+## Description
+
+Info about the bug goes here.
+
+### Steps to Reproduce
+
+1. Step 1
+2. Step 2
+
+### Expected Result
+
+The expected result was...
+
+You may write the expected result or add a screenshot.
+
+### Actual Results
+
+The actual result was...
+
+Would be awesome to link screenshots here and/or error messages received.

.github/ISSUE_TEMPLATE/epic_issue.md

@@ -0,0 +1,19 @@
+---
+name: Epic
+about: A task large enough that it needs to be divided into smaller tasks. It will usually be labeled as `enhancement`.
+---
+
+<!-- Issue title should mirror the Epic Title. -->
+
+# Epic Title
+
+Feature: Awesome Feature Title
+
+## Epic Description
+
+This Feature will...
+
+## List of Tasks (Complete in order)
+
+1. [ ] [Task 1: Awesome Task Title](https://github.com/kuru-studio/kuru-studio-social-web/issues/1)
+2. [ ] [Task 2: Awesome Task Title](https://github.com/kuru-studio/kuru-studio-social-web/issues/2)

.github/ISSUE_TEMPLATE/small_issue.md

@@ -0,0 +1,20 @@
+---
+name: Task
+about: A small task that is, most likely, part of an Epic. It will usually be labeled as `good first issue`.
+---
+
+<!-- Issue title should mirror the Task Title. -->
+
+# Task Title
+
+Task: Awesome Task Title
+
+## Task Description
+
+This Task will...
+
+## Epic Parent
+
+<!-- The link below should link to its Epic Parent. -->
+
+[Feature: Awesome Feature Title](https://github.com/kuru-studio/kuru-studio-social-web/issues/1)

.github/PULL_REQUEST_TEMPLATE.md

@@ -0,0 +1,16 @@
+# Story Title
+
+[This is the Issue Title](https://github.com/kuru-studio/kuru-studio-social-web/issues/1)
+
+## Changes made
+
+- made this
+- did that
+
+## How does the solution address the problem
+
+This PR will...
+
+## Linked issues
+
+Resolves #1

.github/workflows/release.yml

@@ -0,0 +1,35 @@
+name: Release Deployment
+
+on:
+  push:
+    branches:
+      - 'master'
+
+jobs:
+  deploy:
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@v2.3.1
+        with:
+          persist-credentials: false
+
+      - name: Set up Node.js
+        uses: actions/setup-node@v2
+        with:
+          node-version: 18.x
+
+      - name: Update npx
+        run: npm install -g npx
+
+      - name: Install dependencies
+        run: yarn
+
+      - name: Deploy
+        uses: amondnet/vercel-action@v19
+        with:
+          vercel-token: ${{ secrets.VERCEL_TOKEN }}
+          vercel-args: '--prod'
+          vercel-org-id: ${{ secrets.VERCEL_ORG_ID }}
+          vercel-project-id: ${{ secrets.VERCEL_PROJECT_ID }}
+          working-directory: ./

.gitignore

@@ -0,0 +1,39 @@
+# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
+
+# dependencies
+/node_modules
+/.pnp
+.pnp.js
+
+# testing
+/coverage
+
+# next.js
+/.next/
+/out/
+
+# production
+/build
+
+# misc
+.DS_Store
+*.pem
+
+# debug
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+.pnpm-debug.log*
+
+# local env files
+.env*.local
+
+# vercel
+.vercel
+
+# typescript
+*.tsbuildinfo
+next-env.d.ts
+
+# package-lock.json
+package-lock.json

README.md

@@ -0,0 +1,46 @@
+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).
+
+## Getting Started
+
+First, run the development server:
+
+```bash
+npm run develop
+# or
+yarn develop
+# or
+bun develop
+```
+
+## Run testing
+
+To run test:
+
+```bash
+yarn test
+```
+
+Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+
+You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
+
+[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.
+
+This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+
+## 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.

app/_components/README.md

@@ -0,0 +1,5 @@
+### What's here?
+
+React Components will live inside this folder.
+
+This project follows the [Atomic Design](https://xd.adobe.com/ideas/process/ui-design/atomic-design-principles-methodology-101/) design system.

app/_components/atoms/Button.tsx

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { Button as AntButton, ButtonProps } from "antd";
+interface IButtonProps extends ButtonProps {
+  children: ReactNode;
+}
+
+const Button: React.FunctionComponent<IButtonProps> = ({
+  children,
+  ...restProps
+}) => {
+  return <AntButton {...restProps}>{children}</AntButton>;
+};
+
+export default Button;

app/_components/atoms/Card.tsx

@@ -0,0 +1,14 @@
+import { ReactNode } from "react";
+import { Card as AntCard, CardProps } from "antd";
+interface ICardProps extends CardProps {
+  children: ReactNode;
+}
+
+const Card: React.FunctionComponent<ICardProps> = ({
+  children,
+  ...restProps
+}) => {
+  return <AntCard {...restProps}>{children}</AntCard>;
+};
+
+export default Card;

app/_components/atoms/GitHub.tsx

@@ -0,0 +1,19 @@
+"use client";
+
+import GitHubButton from "react-github-btn";
+
+const Github: React.FunctionComponent = () => {
+  return (
+    <GitHubButton
+      href="https://github.com/kuru-studio/kuru-studio-social"
+      data-color-scheme="no-preference: light; light: light; dark: light;"
+      data-size="large"
+      data-show-count="true"
+      aria-label="Star kuru-studio/kuru-studio-social on GitHub"
+    >
+      Star
+    </GitHubButton>
+  );
+};
+
+export default Github;

app/_components/atoms/Logo.tsx

@@ -0,0 +1,21 @@
+import * as React from "react";
+import Image from "next/image";
+import LogoImage from "../../_assets/logo.png";
+
+interface ILogoProps {
+  width: number;
+  height: number;
+}
+
+const Logo: React.FunctionComponent<ILogoProps> = ({ width, height }) => {
+  return (
+    <Image
+      src={LogoImage}
+      width={width}
+      height={height}
+      alt="Kuru Studio Social"
+    />
+  );
+};
+
+export default Logo;

app/_components/atoms/README.md

@@ -0,0 +1,5 @@
+### What's here?
+
+Atoms will live inside this folder.
+
+This project follows the [Atomic Design](https://xd.adobe.com/ideas/process/ui-design/atomic-design-principles-methodology-101/) design system.

app/_components/atoms/Visibility.tsx

@@ -0,0 +1,15 @@
+import { ReactNode, Fragment } from "react";
+
+interface IVisibilityProps {
+  state: boolean;
+  children: ReactNode;
+}
+
+const Visibility: React.FunctionComponent<IVisibilityProps> = ({
+  state,
+  children,
+}) => {
+  return <Fragment>{state && children}</Fragment>;
+};
+
+export default Visibility;

app/_components/atoms/index.ts

@@ -0,0 +1,15 @@
+import Visibility from "./Visibility";
+import Card from "./Card";
+import Logo from "./Logo";
+import Button from "./Button";
+import GitHub from "./GitHub";
+
+const Atom = {
+  Visibility,
+  Card,
+  Logo,
+  Button,
+  GitHub,
+}
+
+export default Atom;

app/_components/molecules/Navigation.tsx

@@ -0,0 +1,31 @@
+import Atom from "@atom";
+
+import * as React from "react";
+import Link from "next/link";
+import { UrlObject } from "url";
+
+interface ItemProps {
+  name: string;
+  url: string | UrlObject;
+}
+interface INavigationProps {
+  items: ItemProps[];
+}
+
+const Navigation: React.FunctionComponent<INavigationProps> = ({ items }) => {
+  return (
+    <nav className="md:flex md:flex-row">
+      {items.map((item, index) => (
+        <div>
+          <Atom.Button type="link" key={index}>
+            <Link href={item.url}>
+              <p className="text-neutral-100">{item.name}</p>
+            </Link>
+          </Atom.Button>
+        </div>
+      ))}
+    </nav>
+  );
+};
+
+export default Navigation;

app/_components/molecules/README.md

@@ -0,0 +1,5 @@
+### What's here?
+
+Molecules will live inside this folder.
+
+This project follows the [Atomic Design](https://xd.adobe.com/ideas/process/ui-design/atomic-design-principles-methodology-101/) design system.