-
Oops! Something went wrong😯
+
+
+ Oops! Something went wrong 😯
+
{snippets.error}
);
}
- return
;
+ return (
+
+
+ Snippets Feed
+
+
+
+
+
+ );
};
export default SnippetsFeed;
diff --git a/src/pages/auth/SignInPage.tsx b/src/pages/auth/SignInPage.tsx
new file mode 100644
index 0000000..3894952
--- /dev/null
+++ b/src/pages/auth/SignInPage.tsx
@@ -0,0 +1,14 @@
+import { SignIn } from '@clerk/clerk-react';
+
+const SignInPage = () => {
+ return (
+
+ );
+};
+
+export default SignInPage;
diff --git a/src/pages/auth/SignUpPage.tsx b/src/pages/auth/SignUpPage.tsx
new file mode 100644
index 0000000..3df9518
--- /dev/null
+++ b/src/pages/auth/SignUpPage.tsx
@@ -0,0 +1,15 @@
+import { SignUp } from '@clerk/clerk-react';
+
+const SignUpPage = () => {
+ return (
+
+ );
+};
+
+export default SignUpPage;
diff --git a/src/common/services/index.ts b/src/services/index.ts
similarity index 100%
rename from src/common/services/index.ts
rename to src/services/index.ts
diff --git a/src/common/components/Loading.module.css b/src/styles/Loading.module.css
similarity index 100%
rename from src/common/components/Loading.module.css
rename to src/styles/Loading.module.css
diff --git a/src/styles/globals.css b/src/styles/globals.css
new file mode 100644
index 0000000..2529b25
--- /dev/null
+++ b/src/styles/globals.css
@@ -0,0 +1,99 @@
+@import url('https://fonts.googleapis.com/css2?family=Nunito+Sans:opsz,wght@6..12,400;6..12,500;6..12,600;6..12,700&display=swap');
+
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+@layer base {
+ * {
+ @apply border-border;
+ }
+ body,
+ html {
+ @apply bg-background text-foreground;
+ height: 100%;
+ font-family: 'Nunito Sans', sans-serif;
+ }
+}
+
+@layer components {
+ .maxContainer {
+ @apply mx-auto max-w-[1440px] px-8 sm:px-16;
+ }
+}
+
+@layer utilities {
+ .padding {
+ @apply px-8 py-12 sm:px-16 sm:py-24;
+ }
+
+ .xPadding {
+ @apply px-8 sm:px-16;
+ }
+
+ .yPadding {
+ @apply py-12 sm:py-24;
+ }
+
+ .lPadding {
+ @apply pl-8 sm:pl-16;
+ }
+
+ .rPadding {
+ @apply pr-8 sm:pr-16;
+ }
+
+ .tPadding {
+ @apply pt-12 sm:pt-24;
+ }
+
+ .bPadding {
+ @apply pb-12 sm:pb-24;
+ }
+
+ .innerWidth {
+ @apply w-[100%] lg:w-[80%];
+ }
+
+ .flexCenter {
+ @apply flex items-center justify-center;
+ }
+
+ .flexBetween {
+ @apply flex items-center justify-between;
+ }
+
+ .flexStart {
+ @apply flex items-center justify-start;
+ }
+
+ .formInput {
+ @apply w-full rounded-xl bg-gray-100 p-4 outline-0;
+ }
+
+ .submitBtn {
+ @apply w-full max-w-[300px] rounded-xl bg-primary p-4 text-lg font-bold shadow-sm hover:bg-secondary focus:outline-none focus:ring-2 focus:ring-white focus:ring-offset-2;
+ }
+}
+
+::-webkit-scrollbar {
+ width: 5px;
+ height: 4px;
+}
+
+::-webkit-scrollbar-thumb {
+ background: #888;
+ border-radius: 12px;
+}
+
+.sideMenuItem {
+ @apply flex items-center rounded-lg p-2 text-gray-500 hover:bg-gray-100 dark:hover:bg-gray-700;
+}
+
+.sideMenuItem.active {
+ @apply bg-primary text-white;
+}
+
+.sideDropItem {
+ @apply flex w-full items-center rounded-lg p-2 pl-11 text-primary transition duration-75 hover:bg-gray-100 dark:hover:bg-gray-700;
+}
diff --git a/tailwind.config.js b/tailwind.config.js
index 2636a63..76a1e25 100644
--- a/tailwind.config.js
+++ b/tailwind.config.js
@@ -1,20 +1,35 @@
/** @type {import('tailwindcss').Config} */
-const defaultTheme = require('tailwindcss/defaultTheme');
-
-export default {
- content: ['./index.html', './src/**/*.{js,ts,jsx,tsx}'],
+module.exports = {
+ darkMode: ['class'],
+ content: [
+ './pages/**/*.{ts,tsx}',
+ './components/**/*.{ts,tsx}',
+ './app/**/*.{ts,tsx}',
+ './src/**/*.{ts,tsx}',
+ ],
theme: {
- extend: {
- fontFamily: {
- sans: ['Inter var', ...defaultTheme.fontFamily.sans],
+ container: {
+ center: true,
+ padding: '2rem',
+ screens: {
+ '2xl': '1400px',
},
+ },
+ extend: {
colors: {
- 'primary-color': '#d42b63',
- 'secondary-color': '#f2c0d0',
- 'accent-color': '#be275a',
+ border: '#ECEFF1',
+ input: '#E0E0E0',
+ ring: '#2196F3',
+ text: '#11142D',
+ background: '#f4f4f4',
+ foreground: '#fff',
+ primary: '#475BE8',
+ secondary: '#CFC8FF',
+ destructive: '#FE6D8E',
+ muted: '#B0BEC5',
+ accent: '#2ED480',
},
},
},
- plugins: [],
- darkMode: 'class',
+ plugins: [require('tailwindcss-animate')],
};
diff --git a/tsconfig.json b/tsconfig.json
index a7fc6fb..ac9e4c4 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -2,10 +2,13 @@
"compilerOptions": {
"target": "ES2020",
"useDefineForClassFields": true,
- "lib": ["ES2020", "DOM", "DOM.Iterable"],
+ "lib": [
+ "ES2020",
+ "DOM",
+ "DOM.Iterable"
+ ],
"module": "ESNext",
"skipLibCheck": true,
-
/* Bundler mode */
"moduleResolution": "bundler",
"allowImportingTsExtensions": true,
@@ -13,13 +16,25 @@
"isolatedModules": true,
"noEmit": true,
"jsx": "react-jsx",
-
/* Linting */
"strict": true,
"noUnusedLocals": true,
"noUnusedParameters": true,
- "noFallthroughCasesInSwitch": true
+ "noFallthroughCasesInSwitch": true,
+ /* Resolving */
+ "baseUrl": ".",
+ "paths": {
+ "@/*": [
+ "./src/*"
+ ]
+ }
},
- "include": ["src"],
- "references": [{ "path": "./tsconfig.node.json" }]
-}
+ "include": [
+ "src"
+ ],
+ "references": [
+ {
+ "path": "./tsconfig.node.json"
+ }
+ ]
+}
\ No newline at end of file
diff --git a/vite.config.ts b/vite.config.ts
index a1d8d11..335db37 100644
--- a/vite.config.ts
+++ b/vite.config.ts
@@ -1,5 +1,6 @@
import { defineConfig } from 'vite';
import react from '@vitejs/plugin-react';
+import path from 'path';
// https://vitejs.dev/config/
export default defineConfig({
@@ -10,4 +11,9 @@ export default defineConfig({
},
}),
],
+ resolve: {
+ alias: {
+ '@': path.resolve(__dirname, './src'),
+ },
+ },
});