https://github.com/siyabuilds/react-portfolio
A responsive and interactive portfolio built with a custom useTheme hook, featuring 3 dynamic themes for seamless switching. Created using Tailwind, JavaScript, custom icons (no Font Awesome), and Framer Motion for engaging animations and smooth transitions.
https://github.com/siyabuilds/react-portfolio
framer-motion react react-router tailwindcss-v4 theme-switcher
Last synced: about 2 months ago
JSON representation
A responsive and interactive portfolio built with a custom useTheme hook, featuring 3 dynamic themes for seamless switching. Created using Tailwind, JavaScript, custom icons (no Font Awesome), and Framer Motion for engaging animations and smooth transitions.
- Host: GitHub
- URL: https://github.com/siyabuilds/react-portfolio
- Owner: siyabuilds
- Created: 2025-04-18T22:27:53.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2025-10-03T14:05:27.000Z (9 months ago)
- Last Synced: 2026-05-04T01:39:07.215Z (about 2 months ago)
- Topics: framer-motion, react, react-router, tailwindcss-v4, theme-switcher
- Language: JavaScript
- Homepage: https://markuptitan.site
- Size: 1.03 MB
- Stars: 2
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite
This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.
Currently, two official plugins are available:
- [@vitejs/plugin-react](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react) uses [Babel](https://babeljs.io/) for Fast Refresh
- [@vitejs/plugin-react-swc](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react-swc) uses [SWC](https://swc.rs/) for Fast Refresh
## Expanding the ESLint configuration
If you are developing a production application, we recommend using TypeScript with type-aware lint rules enabled. Check out the [TS template](https://github.com/vitejs/vite/tree/main/packages/create-vite/template-react-ts) for information on how to integrate TypeScript and [`typescript-eslint`](https://typescript-eslint.io) in your project.