diff --git a/.gitignore b/.gitignore
index a547bf3..234f2f1 100644
--- a/.gitignore
+++ b/.gitignore
@@ -8,8 +8,6 @@ pnpm-debug.log*
lerna-debug.log*
node_modules
-dist
-dist-ssr
*.local
# Editor directories and files
diff --git a/index.html b/index.html
index 0c589ec..02c5a03 100644
--- a/index.html
+++ b/index.html
@@ -1,10 +1,10 @@
-
+
- Vite + React
+ Rushi - Portfolio
diff --git a/src/App.jsx b/src/App.jsx
index fe81876..6577a92 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -1,19 +1,16 @@
-import { ThemeProvider, createTheme } from '@mui/material/styles';
-import CssBaseline from '@mui/material/CssBaseline';
-import { BrowserRouter as Router } from 'react-router-dom';
-import Navbar from './components/Navbar';
-import Hero from './components/Hero';
-import About from './components/About';
-import Skills from './components/Skills';
-import Projects from './components/Projects';
-import Contact from './components/Contact';
-import { Box, IconButton } from '@mui/material';
-import { useState, useMemo } from 'react';
-import Brightness4Icon from '@mui/icons-material/Brightness4';
-import Brightness7Icon from '@mui/icons-material/Brightness7';
-
+import { ThemeProvider, createTheme } from "@mui/material/styles";
+import CssBaseline from "@mui/material/CssBaseline";
+import { BrowserRouter as Router } from "react-router-dom";
+import Navbar from "./components/Navbar";
+import Hero from "./components/Hero";
+import About from "./components/About";
+import Skills from "./components/Skills";
+import Projects from "./components/Projects";
+import Contact from "./components/Contact";
+import { Box } from "@mui/material";
+import { useState, useMemo } from "react";
function App() {
- const [mode, setMode] = useState('dark');
+ const [mode, setMode] = useState("dark");
const theme = useMemo(
() =>
@@ -21,20 +18,20 @@ function App() {
palette: {
mode,
primary: {
- main: mode === 'dark' ? '#7C3AED' : '#6D28D9', // Purple shade
- light: mode === 'dark' ? '#8B5CF6' : '#7C3AED',
- dark: mode === 'dark' ? '#5B21B6' : '#5B21B6',
+ main: mode === "dark" ? "#7C3AED" : "#6D28D9", // Purple shade
+ light: mode === "dark" ? "#8B5CF6" : "#7C3AED",
+ dark: mode === "dark" ? "#5B21B6" : "#5B21B6",
},
secondary: {
- main: mode === 'dark' ? '#EC4899' : '#DB2777', // Pink shade
+ main: mode === "dark" ? "#EC4899" : "#DB2777", // Pink shade
},
background: {
- default: mode === 'dark' ? '#0F172A' : '#F8FAFC', // Slate colors
- paper: mode === 'dark' ? '#1E293B' : '#FFFFFF',
+ default: mode === "dark" ? "#0F172A" : "#F8FAFC", // Slate colors
+ paper: mode === "dark" ? "#1E293B" : "#FFFFFF",
},
text: {
- primary: mode === 'dark' ? '#F1F5F9' : '#1E293B',
- secondary: mode === 'dark' ? '#CBD5E1' : '#475569',
+ primary: mode === "dark" ? "#F1F5F9" : "#1E293B",
+ secondary: mode === "dark" ? "#CBD5E1" : "#475569",
},
},
typography: {
@@ -62,8 +59,8 @@ function App() {
MuiContainer: {
styleOverrides: {
root: {
- '@media (min-width: 1200px)': {
- maxWidth: '1400px',
+ "@media (min-width: 1200px)": {
+ maxWidth: "1400px",
},
},
},
@@ -71,49 +68,50 @@ function App() {
MuiPaper: {
styleOverrides: {
root: {
- backgroundImage: 'none',
+ backgroundImage: "none",
},
},
},
},
}),
- [mode],
+ [mode]
);
const toggleColorMode = () => {
- setMode((prevMode) => (prevMode === 'light' ? 'dark' : 'light'));
+ setMode((prevMode) => (prevMode === "light" ? "dark" : "light"));
};
return (
-
-
+
diff --git a/vite.config.js b/vite.config.js
index dd54bee..e9559c7 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -4,5 +4,5 @@ import react from "@vitejs/plugin-react";
// https://vite.dev/config/
export default defineConfig({
plugins: [react()],
- base: "./portfolio/",
+ base: "/portfolio/",
});