seccodesmith
848318a23e
- Added node and sass to dependencies in package.json - Added @types/node to devDependencies - Removed unused CSS files and replaced them with SCSS files - Updated import paths in App.tsx and Blog.tsx to use new aliasing - Configured TypeScript paths for easier imports - Updated Vite config to include path aliases - Created new SCSS files for About, Blog, Error, and Main styles - Added a variables file for color and effect variables - Updated index.scss for global styles and responsive adjustments
30 lines
993 B
TypeScript
30 lines
993 B
TypeScript
import { BrowserRouter as Router, Routes, Route } from 'react-router-dom'
|
|
import { Layout } from './components/Layout'
|
|
import { Home } from './pages/Home'
|
|
import { About } from './pages/About'
|
|
import { Blog } from './pages/Blog'
|
|
import { BlogPost } from './pages/BlogPost'
|
|
import { Projects } from './pages/Projects'
|
|
import { Contact } from './pages/Contact'
|
|
import { NotFound } from './pages/NotFound'
|
|
import '@components/styles.css'
|
|
|
|
function App() {
|
|
return (
|
|
<Router>
|
|
<Routes>
|
|
<Route path="/" element={<Layout />}>
|
|
<Route index element={<Home />} />
|
|
<Route path="/about" element={<About />} />
|
|
<Route path="/blog" element={<Blog />} />
|
|
<Route path="/blog/:slug" element={<BlogPost />} />
|
|
<Route path="/projects" element={<Projects />} />
|
|
<Route path="/contact" element={<Contact />} />
|
|
<Route path="*" element={<NotFound />} />
|
|
</Route>
|
|
</Routes>
|
|
</Router>
|
|
)
|
|
}
|
|
|
|
export default App |