selfolio

KO | EN

gitlite — search

#javascript #hacktoberfest #react #ai #typescript #golang #linux #docker #macos #java #nodejs #vue #mcp #open-source

(★ 9)

A web app allow the users to build their own portfolio.

selfolio 최신버젼 다운로드

최종 버전 다운로드 (.zip)

// repository documentation

Was this content helpful?

★ 0 (0 ratings)

# 🎨 Selfolio - Portfolio Builder

A modern, customizable portfolio builder that lets you create stunning personal portfolios and export them as complete React projects.

![Selfolio Preview](https://img.shields.io/badge/Status-Active-brightgreen)
![React](https://img.shields.io/badge/React-19.0.0-blue)
![TypeScript](https://img.shields.io/badge/TypeScript-5.7.2-blue)
![Vite](https://img.shields.io/badge/Vite-6.3.1-purple)
![Tailwind CSS](https://img.shields.io/badge/Tailwind-4.1.4-38B2AC)

## 🎯 How to Use

1. **Choose a Template** - Select from available portfolio templates
2. **Customize Content** - Edit your personal information, projects, skills, and experience
3. **Style Your Portfolio** - Customize colors, gradients, and layout
4. **Preview** - See your portfolio in real-time
5. **Export** - Download your portfolio as a complete React project
6. **Deploy** - Deploy your exported project to any hosting platform

## 🔧 Customization

### Adding New Sections
You can easily add new sections by clicking on the plus icon and you can delete by clicking on the trash icon

### Customizing Styles
You can edit use the predefined gradients or colors.

## 🚀 Getting Started

### Prerequisites

- Node.js (version 18 or higher)
- npm or yarn

### Installation

1. **Clone the repository**
   ```bash
   git clone https://github.com/YoussifHassan8/selfolio.git
   cd selfolio
   ```

2. **Install dependencies**
   ```bash
   npm install
   ```

3. **Start the development server**
   ```bash
   npm run dev
   ```

4. **Open your browser**
   Navigate to `http://localhost:5173` to see the application

### Available Scripts

- `npm run dev` - Start development server
- `npm run build` - Build for production
- `npm run preview` - Preview production build
- `npm run lint` - Run ESLint

## 🛠️ Tech Stack

- **Frontend Framework**: React 19
- **Language**: TypeScript
- **Build Tool**: Vite
- **Styling**: Tailwind CSS 4
- **Animations**: Framer Motion
- **Icons**: React Icons
- **Routing**: React Router DOM
- **UI Components**: Custom components with Tailwind
- **Export**: JSZip for project export
- **Email**: EmailJS for contact forms

## 🤝 Contributing

We welcome contributions! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

### Contributing Guidelines

1. Fork the repository
2. Create a feature branch (`git checkout -b feature/AmazingFeature`)
3. Commit your changes (`git commit -m 'Add some AmazingFeature'`)
4. Push to the branch (`git push origin feature/AmazingFeature`)
5. Open a Pull Request

## 🐛 Bug Reports

If you encounter any bugs or issues, please:

1. Check existing issues to see if it's already reported
2. Create a new issue with detailed information
3. Include steps to reproduce the problem
4. Provide your browser and device information

## 📧 Support

- **Email**: youssifh383@gmail.com
- **GitHub Issues**: [Create an issue](https://github.com/YoussifHassan8/selfolio/issues)
- **LinkedIn**: [Youssif Hassan](https://www.linkedin.com/in/youssif-hassan-50b226247/)

⭐ **Star this repository if you found it helpful!**

selfolio

selfolio 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

selfolio

selfolio 최신버젼 다운로드

오늘의 추천 프로젝트

Was this content helpful?

Recent Feedback

Download README