Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/nafisarkar/portfolio_magicui_react
This project is a modern web application built using React and Vite. It showcases a responsive UI with various components, including cards with animations, social media links, and an interactive layout.
https://github.com/nafisarkar/portfolio_magicui_react
jsx magicui portfolio-website react shadcn-ui
Last synced: 1 day ago
JSON representation
This project is a modern web application built using React and Vite. It showcases a responsive UI with various components, including cards with animations, social media links, and an interactive layout.
- Host: GitHub
- URL: https://github.com/nafisarkar/portfolio_magicui_react
- Owner: Nafisarkar
- Created: 2025-01-22T21:56:45.000Z (24 days ago)
- Default Branch: main
- Last Pushed: 2025-02-11T17:39:25.000Z (4 days ago)
- Last Synced: 2025-02-11T18:40:51.565Z (4 days ago)
- Topics: jsx, magicui, portfolio-website, react, shadcn-ui
- Language: JavaScript
- Homepage: https://nafi.vercel.app
- Size: 549 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# My Portfolio
## Overview
This project is a modern web application built using **React** and **Vite**. It showcases a responsive UI with various components, including cards with animations, social media links, and an interactive layout.
## Technologies Used
- **Framework**: React
- **Build Tool**: Vite
- **Language**: JavaScript (with JSX)
- **Styling**: Tailwind CSS
- **Animation**: Framer Motion (for animations)
- **Icons**: Ract UI Icons
- **UIFrameworks**: Shadcn/ui & Magic UI
## Features
- Responsive design that adapts to different screen sizes.
- Interactive cards with hover effects and animations.
- Dynamic content loading with random GIFs.
- Toggle options for card transparency and border effects.
- Easy-to-use components for social media links.
## Installation
To get started with this project, follow these steps:
1. Clone the repository:
```bash
git clone https://github.com/Nafisarkar/Portpholio_MagicUI_React
```
2. Navigate to the project directory:
```bash
cd Portfolio_MagicUI_React
```
3. Install the dependencies:
```bash
npm i
```
4. Start the development server:
```bash
npm run dev
```
5. Open your browser and go to `http://localhost:5173` to see the application in action.
## Contributing
Contributions are welcome! If you have suggestions for improvements or new features, feel free to open an issue or submit a pull request.
## License
This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.
## Acknowledgments
- Thanks to the creators of React, Vite, and Tailwind CSS for their amazing tools.
- Special thanks to the contributors of the GIFs used in this project.