Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/majidraimi/my-portfolio

My new portoflio using React, Three.js, Framer Motion, Tailwind.
https://github.com/majidraimi/my-portfolio

framer-motion react threejs typescript

Last synced: 4 days ago
JSON representation

My new portoflio using React, Three.js, Framer Motion, Tailwind.

Awesome Lists containing this project

README

        

# 🚀 My React Portfolio

A fully-interactive, visually captivating portfolio website, built with a modern tech stack featuring React, Three.js, Framer Motion, and Tailwind CSS.

## 🌐 Preview

![Project screenshot](./screenshot.png)

[Live Demo](https://myportfolio.com)

## 💡 Features

- Dynamic, interactive 3D elements created using Three.js
- Smooth and modern animations with Framer Motion
- Responsive design achieved through Tailwind CSS, ensuring optimal experience on all screen sizes
- Single Page Application built with React for seamless user experience

## 🛠️ Technologies Used

- [React](https://reactjs.org/)
- [Three.js](https://threejs.org/)
- [Framer Motion](https://www.framer.com/api/motion/)
- [Tailwind CSS](https://tailwindcss.com/)

## 🚀 Local Development

### Prerequisites

Ensure you have Node.js installed:

```bash
node --version
```

And npm:

```
npm --version
```

### Installation

Clone the repository:

```bash
git clone https://github.com/MajidRaimi/My-Portfolio.git
```

Install dependencies:

```bash
npm install
```

Running Locally:

```bash
npm run dev
```

### 🎓 License

This project is licensed under the terms of the MIT license.

### 🤝 Contributing
Contributions, issues, and feature requests are welcome! Feel free to check issues page.

### 🧑‍💻 Author
Majid Saleh Al-Raimi