Skip to content

Commit d507b1e

Browse files
SethCohenSethCohen
committed
feat: migrate project from Gatsby to Vite with React and Tailwind CSS, adding a new portfolio structure and modernizing the codebase
- Introduce a new README.md file to document the project setup and features. - Create a new Vite configuration and TypeScript setup for the project. - Implement a new main entry point and application structure using React. - Add a responsive portfolio section showcasing various projects with animations. - Replace global CSS with Tailwind CSS for styling and layout. - Remove Gatsby-specific files and components to streamline the project. - Add ESLint configuration for code quality and consistency. - Implement a Navbar component for easy navigation and a smooth scroll to the top feature.
1 parent 6dcfeb0 commit d507b1e

26 files changed

Lines changed: 4579 additions & 36070 deletions

‎README.md‎

Lines changed: 30 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,30 @@
1+
# React Portfolio
2+
3+
This is a static portfolio website built with React, TypeScript, Vite, Tailwind CSS (dark/gray + gold palette), Framer Motion, and shadcn/ui.
4+
5+
## Features
6+
- Modern, animated UI
7+
- Dark backgrounds with gold accents
8+
- Responsive and accessible
9+
10+
## Getting Started
11+
1. Install dependencies:
12+
```bash
13+
npm install
14+
```
15+
2. Start Tailwind CSS in watch mode:
16+
```bash
17+
npx @tailwindcss/cli -i ./src/input.css -o ./src/output.css --watch
18+
```
19+
3. Start the development server:
20+
```bash
21+
npm run dev
22+
```
23+
24+
## Customization
25+
- Edit `tailwind.config.js` for theme colors.
26+
- Update components in `src/` for your content.
27+
28+
---
29+
30+
Built with [Vite](https://vitejs.dev/), [Tailwind CSS](https://tailwindcss.com/), [Framer Motion](https://www.framer.com/motion/), and [shadcn/ui](https://ui.shadcn.com/).

‎eslint.config.js‎

Lines changed: 28 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
import js from '@eslint/js'
2+
import globals from 'globals'
3+
import reactHooks from 'eslint-plugin-react-hooks'
4+
import reactRefresh from 'eslint-plugin-react-refresh'
5+
import tseslint from 'typescript-eslint'
6+
7+
export default tseslint.config(
8+
{ ignores: ['dist'] },
9+
{
10+
extends: [js.configs.recommended, ...tseslint.configs.recommended],
11+
files: ['**/*.{ts,tsx}'],
12+
languageOptions: {
13+
ecmaVersion: 2020,
14+
globals: globals.browser,
15+
},
16+
plugins: {
17+
'react-hooks': reactHooks,
18+
'react-refresh': reactRefresh,
19+
},
20+
rules: {
21+
...reactHooks.configs.recommended.rules,
22+
'react-refresh/only-export-components': [
23+
'warn',
24+
{ allowConstantExport: true },
25+
],
26+
},
27+
},
28+
)

‎gatsby-browser.js‎

Lines changed: 0 additions & 1 deletion
This file was deleted.

‎gatsby-config.ts‎

Lines changed: 0 additions & 39 deletions
This file was deleted.

‎index.html‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
<!doctype html>
2+
<html lang="en">
3+
<head>
4+
<meta charset="UTF-8" />
5+
<link rel="icon" type="image/svg+xml" href="/vite.svg" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>SethDev</title>
8+
</head>
9+
<body>
10+
<div id="root"></div>
11+
<script type="module" src="/src/main.tsx"></script>
12+
</body>
13+
</html>

0 commit comments

Comments
 (0)