= async (data) => {
+ setRegistering(true);
+ setError(null);
+
+ if (data.password !== data.confirmPassword) {
+ setError("Passwords do not match");
+ return setRegistering(false);
+ }
+
+ try {
+ axios
+ .post("/api/id", { username: data.username })
+ .then(() => {
+ setRegistering(false);
+ return setError("Username already in use");
+ })
+ .catch(async (error) => {
+ if (error && error.response.data.id !== null) {
+ setRegistering(false);
+ return setError("Username already in use");
+ }
+
+ const { data: registerData } = await axios.post("/api/create", {
+ name: data.username,
+ password: data.password,
+ });
+ if (registerData.code !== 200) {
+ setRegistering(false);
+ return setError("Unexpected error, try again");
+ }
+
+ router.push("/login");
+ });
+ } catch (error: any) {
+ setRegistering(false);
+ return setError("Unexpected error, try again");
+ }
+ };
+
+ return (
+
+
+
+ {themeSwitch()}
+
+
+
+
+
+ router.back()}
+ role="button"
+ />
+
+
+
+
+
+
👋
Welcome!
+
+
+ Register an account
+
+
+
+
+
+
= NextPage & {
+ getLayout?: (page: ReactElement) => ReactNode;
+};
+
+export type AppPropsWithLayout = AppProps & {
+ Component: NextPageWithLayout;
+};
diff --git a/tailwind.config.js b/tailwind.config.js
new file mode 100644
index 0000000..baf9b65
--- /dev/null
+++ b/tailwind.config.js
@@ -0,0 +1,43 @@
+/** @type {import('tailwindcss').Config} */
+module.exports = {
+ darkMode: "class",
+ content: [
+ "./src/pages/**/*.{js,ts,jsx,tsx}",
+ "./src/components/**/*.{js,ts,jsx,tsx}",
+ "./src/layouts/**/*.{js,ts,jsx,tsx}",
+ ],
+ theme: {
+ extend: {
+ fontFamily: {
+ sanspro: ["'Source Sans Pro'", "sans-serif"],
+ karla: ["Karla", "sans-serif"],
+ inter: ["Inter", "sans-serif"],
+ syne: ["Syne", "sans-serif"],
+ rubik: ["Rubik", "sans-serif"],
+ romono: ["Roboto Mono", "monospace"],
+ },
+ colors: {
+ primary: "#0E0E0E",
+ secondary: "#1C1C1C",
+ "primary-white": "#ECEEEC",
+ "secondary-white": "#D3D3D3",
+ },
+ keyframes: {
+ wave: {
+ "0%": { transform: "rotate(0.0deg)" },
+ "15%": { transform: "rotate(14.0deg)" },
+ "30%": { transform: "rotate(-8.0deg)" },
+ "40%": { transform: "rotate(14.0deg)" },
+ "50%": { transform: "rotate(-4.0deg)" },
+ "60%": { transform: "rotate(10.0deg)" },
+ "70%": { transform: "rotate(0.0deg)" },
+ "100%": { transform: "rotate(0.0deg)" },
+ },
+ },
+ animation: {
+ wave: "wave 3.5s",
+ },
+ },
+ },
+ plugins: [require("@tailwindcss/forms")],
+};
diff --git a/vercel.json b/vercel.json
index e55fce9..e01e193 100644
--- a/vercel.json
+++ b/vercel.json
@@ -3,4 +3,4 @@
"buildCommand": "pnpm build",
"devCommand": "pnpm dev",
"framework": "nextjs"
-}
\ No newline at end of file
+}