Personal website is portfolio website build with React Vite and Tailwind CSS

[fikrirozan]

• Responsive Design: Works seamlessly across all device sizes
• Modern UI: Clean and elegant interface with smooth animations
• Interactive Elements: Particle background, typing text effects, and scroll animations
• Portfolio Showcase: Project gallery with detailed descriptions
• Skills Section: Organized display of technical skills with icons

• React with TypeScript
• Tailwind CSS for styling
• shadcn for UI components
• Lucide React for icons
• Vite for build tooling
• Reactbits

src/
├── components/         # Reusable UI components
├── pages/             # Page components
├── assets/            # Images and static assets
├── lib/               # Utility functions
├── App.tsx            # Main app component
└── main.tsx           # Entry point

• Node.js (v14 or higher)
• npm or yarn

1. Clone the repository:

git clone https://github.com/fikrirazor/personal-website.git

2. Navigate to the project directory:

cd personal-website

3. Install dependencies:

npm install
# or
yarn install

4. Start the development server:

npm run dev
# or
yarn dev

1. Update personal information in the components
2. Modify colors in src/index.css
3. Add your own projects in src/components/Portfolio.tsx
4. Replace images in the src/assets/ folder

This project is licensed under the MIT License - see the LICENSE file for details.

• Icons by Lucide Icons
• UI components inspired by https://dribbble.com/shots/21508700-The-Witch-Rides-a-Gundam