login page loading

frontend/.gitignore

@@ -17,144 +17,22 @@
 
 # misc
 .DS_Store
+*.pem
 
 # debug
 npm-debug.log*
 yarn-debug.log*
 yarn-error.log*
+.pnpm-debug.log*
 
 # local env files
 .env.local
 .env.development.local
 .env.test.local
 .env.production.local
 
-# Byte-compiled / optimized / DLL files
-__pycache__/
-*.py[cod]
-*$py.class
+# vercel
+.vercel
 
-# C extensions
-*.so
-
-# Distribution / packaging
-.Python
-build/
-develop-eggs/
-dist/
-downloads/
-eggs/
-.eggs/
-lib/
-lib64/
-parts/
-sdist/
-var/
-wheels/
-pip-wheel-metadata/
-share/python-wheels/
-*.egg-info/
-.installed.cfg
-*.egg
-MANIFEST
-
-# PyInstaller
-#  Usually these files are written by a python script from a template
-#  before PyInstaller builds the exe, so as to inject date/other infos into it.
-*.manifest
-*.spec
-
-# Installer logs
-pip-log.txt
-pip-delete-this-directory.txt
-
-# Unit test / coverage reports
-htmlcov/
-.tox/
-.nox/
-.coverage
-.coverage.*
-.cache
-nosetests.xml
-coverage.xml
-*.cover
-*.py,cover
-.hypothesis/
-.pytest_cache/
-
-# Translations
-*.mo
-*.pot
-
-# Django stuff:
-*.log
-local_settings.py
-db.sqlite3
-db.sqlite3-journal
-
-# Flask stuff:
-instance/
-.webassets-cache
-
-# Scrapy stuff:
-.scrapy
-
-# Sphinx documentation
-docs/_build/
-
-# PyBuilder
-target/
-
-# Jupyter Notebook
-.ipynb_checkpoints
-
-# IPython
-profile_default/
-ipython_config.py
-
-# pyenv
-.python-version
-
-# pipenv
-#   According to pypa/pipenv#598, it is recommended to include Pipfile.lock in version control.
-#   However, in case of collaboration, if having platform-specific dependencies or dependencies
-#   having no cross-platform support, pipenv may install dependencies that don't work, or not
-#   install all needed dependencies.
-#Pipfile.lock
-
-# PEP 582; used by e.g. github.com/David-OConnor/pyflow
-__pypackages__/
-
-# Celery stuff
-celerybeat-schedule
-celerybeat.pid
-
-# SageMath parsed files
-*.sage.py
-
-# Environments
-.env
-.venv
-env/
-venv/
-ENV/
-env.bak/
-venv.bak/
-
-# Spyder project settings
-.spyderproject
-.spyproject
-
-# Rope project settings
-.ropeproject
-
-# mkdocs documentation
-/site
-
-# mypy
-.mypy_cache/
-.dmypy.json
-dmypy.json
-
-# Pyre type checker
-.pyre/
+# typescript
+*.tsbuildinfo

frontend/README.md

@@ -1,2 +1,23 @@
-# notefy
-A notes web app
+# Next.js + Tailwind CSS Example
+
+This example shows how to use [Tailwind CSS](https://tailwindcss.com/) [(v3.0)](https://tailwindcss.com/blog/tailwindcss-v3) with Next.js. It follows the steps outlined in the official [Tailwind docs](https://tailwindcss.com/docs/guides/nextjs).
+
+## Deploy your own
+
+Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_medium=readme&utm_campaign=next-example) or preview live with [StackBlitz](https://stackblitz.com/github/vercel/next.js/tree/canary/examples/with-tailwindcss)
+
+[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/git/external?repository-url=https://github.com/vercel/next.js/tree/canary/examples/with-tailwindcss&project-name=with-tailwindcss&repository-name=with-tailwindcss)
+
+## How to use
+
+Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example:
+
+```bash
+npx create-next-app --example with-tailwindcss with-tailwindcss-app
+# or
+yarn create next-app --example with-tailwindcss with-tailwindcss-app
+# or
+pnpm create next-app -- --example with-tailwindcss with-tailwindcss-app
+```
+
+Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).

frontend/components/LargeSidebar.js

@@ -0,0 +1,35 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import {
+  faGear,
+  faUser,
+  faLock,
+  faTrashCan,
+  faFolder,
+} from '@fortawesome/free-solid-svg-icons'
+
+export default function () {
+  return (
+    <aside className="navbar-large fixed top-0 left-0 hidden h-screen w-44 bg-slate-500 pl-3 pt-3">
+      <div className="block">
+        <FontAwesomeIcon className="mt-14 mr-8 inline" icon={faFolder} />
+        <span>All notes</span>
+      </div>
+      <div className="block">
+        <FontAwesomeIcon className="mt-10 mr-8" icon={faLock} />
+        <span>Locked notes</span>
+      </div>
+      <div className="block">
+        <FontAwesomeIcon className="mt-10 mr-8" icon={faUser} />
+        <span>Shared notes</span>
+      </div>
+      <div className="block">
+        <FontAwesomeIcon className="mt-10 mr-8" icon={faTrashCan} />
+        <span>Recycle bin</span>
+      </div>
+      <div className="block">
+        <FontAwesomeIcon className="mt-10 mr-8" icon={faGear} />
+        <span>Settings</span>
+      </div>
+    </aside>
+  )
+}

frontend/components/Note.js

@@ -0,0 +1,8 @@
+export default function ({ title, date }) {
+  return (
+    <div className="w-52 bg-slate-400 p-1 text-left">
+      <p className="my-1 mr-32 inline text-2xl">{title}</p>
+      <p className="mt-1.5 text-sm">{date}</p>
+    </div>
+  )
+}

frontend/components/Sidebar.js

@@ -0,0 +1,20 @@
+import { FontAwesomeIcon } from '@fortawesome/react-fontawesome'
+import {
+  faGear,
+  faUser,
+  faLock,
+  faTrashCan,
+  faFolder,
+} from '@fortawesome/free-solid-svg-icons'
+
+export default function () {
+  return (
+    <aside className="navbar-small fixed left-0 top-0 z-20 h-full w-12 bg-slate-500 pl-3 pt-3">
+      <FontAwesomeIcon className="mt-14 block" icon={faFolder} />
+      <FontAwesomeIcon className="mt-10 block" icon={faLock} />
+      <FontAwesomeIcon className="mt-10 block" icon={faUser} />
+      <FontAwesomeIcon className="mt-10 block" icon={faTrashCan} />
+      <FontAwesomeIcon className="mt-10 block" icon={faGear} />
+    </aside>
+  )
+}

frontend/next-env.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/basic-features/typescript for more information.

frontend/next.config.js

@@ -0,0 +1,4 @@
+/** @type {import('next').NextConfig} */
+module.exports = {
+  reactStrictMode: true,
+}