+
+ No idea where to start? Try this{' '} + + Code Triage + +
+login page username : {user.githubUsername}
;
-}
-export default Login;
diff --git a/frontend/src/root/PrivateRoutes.tsx b/frontend/src/root/PrivateRoutes.tsx
index 27ba999..feebec9 100644
--- a/frontend/src/root/PrivateRoutes.tsx
+++ b/frontend/src/root/PrivateRoutes.tsx
@@ -1,18 +1,18 @@
-import { useEffect, type ReactNode } from "react";
-import { Navigate } from "react-router-dom";
-import { toast } from "react-toastify";
-import "react-toastify/dist/ReactToastify.css";
+import { useEffect, type ReactNode } from 'react';
+import { Navigate } from 'react-router-dom';
+import { toast } from 'react-toastify';
+import 'react-toastify/dist/ReactToastify.css';
interface PrivateRoutesProps {
children: ReactNode;
}
const PrivateRoutes: React.FC
+
+ );
+};
+
+export default AuthLayout;
diff --git a/frontend/src/shared/lib/constants.ts b/frontend/src/shared/lib/constants.ts
new file mode 100644
index 0000000..7ed62cd
--- /dev/null
+++ b/frontend/src/shared/lib/constants.ts
@@ -0,0 +1,2 @@
+export const ACCESS_TOKEN_KEY = 'accessToken';
+export const USER_DATA_KEY = 'userData';
diff --git a/frontend/src/shared/types/auth.ts b/frontend/src/shared/types/auth.ts
new file mode 100644
index 0000000..06c2c74
--- /dev/null
+++ b/frontend/src/shared/types/auth.ts
@@ -0,0 +1,16 @@
+export interface User {
+ id: number;
+ githubId: string;
+ githubUsername: string;
+ avatarUrl: string;
+ email: string | null;
+ currentActiveGoalId: number | null;
+ currentBalance: number;
+ isBlocked: boolean;
+ isAdmin: boolean;
+ password: string;
+ isDeleted: boolean;
+ DeletedAt: Date | null;
+ createdAt: Date;
+ updatedAt: Date;
+}
diff --git a/frontend/src/shared/utils/local-storage.ts b/frontend/src/shared/utils/local-storage.ts
new file mode 100644
index 0000000..4c7be90
--- /dev/null
+++ b/frontend/src/shared/utils/local-storage.ts
@@ -0,0 +1,29 @@
+import { USER_DATA_KEY, ACCESS_TOKEN_KEY } from '@/shared/lib/constants';
+import type { User } from '../types/auth';
+
+export const getUserData = () => {
+ try {
+ const userData = localStorage.getItem(USER_DATA_KEY);
+ return userData ? (JSON.parse(userData) as User) : null;
+ // eslint-disable-next-line @typescript-eslint/no-unused-vars
+ } catch (error) {
+ return null;
+ }
+};
+
+export const setUserData = (data: User) => {
+ localStorage.setItem(USER_DATA_KEY, JSON.stringify(data));
+};
+
+export const getAccessToken = (): string | null => {
+ return localStorage.getItem(ACCESS_TOKEN_KEY) || null;
+};
+
+export const setAccessToken = (token: string) => {
+ localStorage.setItem(ACCESS_TOKEN_KEY, token);
+};
+
+export const clearUserCredentials = () => {
+ localStorage.removeItem(USER_DATA_KEY);
+ localStorage.removeItem(ACCESS_TOKEN_KEY);
+};
diff --git a/frontend/src/utils/axios.ts b/frontend/src/utils/axios.ts
index d5f800d..b612ca6 100644
--- a/frontend/src/utils/axios.ts
+++ b/frontend/src/utils/axios.ts
@@ -1,17 +1,16 @@
-import axios from "axios";
+import axios from 'axios';
export const api = axios.create({
- baseURL: "http://localhost:8080/api/v1",
+ baseURL: 'http://localhost:8080/api/v1'
});
api.interceptors.request.use(
- (config) => {
- const token = localStorage.getItem("token");
+ config => {
+ const token = localStorage.getItem('token');
if (token) {
config.headers.Authorization = `Bearer ${token}`;
}
return config;
},
- (error) => Promise.reject(error)
-
+ error => Promise.reject(error)
);
diff --git a/frontend/src/utils/endpoints.ts b/frontend/src/utils/endpoints.ts
new file mode 100644
index 0000000..6708f2c
--- /dev/null
+++ b/frontend/src/utils/endpoints.ts
@@ -0,0 +1,5 @@
+export const env = {
+ GithubAuthUrl: import.meta.env.VITE_GITHUB_AUTH_URL as string,
+ BackendUrl: import.meta.env.VITE_BACKEND_URL as string,
+ ServerBaseUrl: import.meta.env.VITE_SERVER_BASE_URL as string
+};
diff --git a/frontend/src/utils/react-query.ts b/frontend/src/utils/react-query.ts
new file mode 100644
index 0000000..a97896c
--- /dev/null
+++ b/frontend/src/utils/react-query.ts
@@ -0,0 +1,11 @@
+import { QueryClient } from '@tanstack/react-query';
+
+export const queryClient = new QueryClient({
+ defaultOptions: {
+ queries: {
+ refetchOnWindowFocus: false,
+ retry: 1,
+ staleTime: 1000 * 60 * 5
+ }
+ }
+});
diff --git a/frontend/src/vite-env.d.ts b/frontend/src/vite-env.d.ts
index 11f02fe..776744a 100644
--- a/frontend/src/vite-env.d.ts
+++ b/frontend/src/vite-env.d.ts
@@ -1 +1,10 @@
///
+
+
+
+
+ {children}
+
+
+
+
+
+
+ {Array.from({ length: 64 }).map((_, i) => (
+
+ ))}
+
+
+
+
+ {/* Bottom Grid Decoration */}
+
+
+
+
+
+
+
+ + Code Curiosity +
+
+ {[
+ 'Earn and Upskill',
+ 'Set Your Goals',
+ 'Leader Board',
+ 'Open Source Contribution'
+ ].map((text, i) => (
+
+
+
+ ))}
+
+
+
+ {Array.from({ length: 64 }).map((_, i) => (
+
+ ))}
+
+