Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/aaronchrisjo/portfolio-io

This platform is designed for creators to showcase their portfolios and inspire others. Explore a diverse range of portfolios, gain insights, and find the inspiration you need to craft your own unique portfolio.
https://github.com/aaronchrisjo/portfolio-io

angular angular-cli firebase html-css-javascript ngx-ui tailwind-css typescript vercel

Last synced: about 1 month ago
JSON representation

This platform is designed for creators to showcase their portfolios and inspire others. Explore a diverse range of portfolios, gain insights, and find the inspiration you need to craft your own unique portfolio.

Awesome Lists containing this project

README

        

#

Welcome to Portfolio.io 🎊

**Portfolio.io** is a dynamic web application designed to showcase and explore a wide variety of developer portfolios. Whether you're searching for inspiration or starting to build your own portfolio, Portfolio.io offers a rich collection of examples to fuel your creativity. This platform features advanced filtering, search capabilities, and pagination to help users find portfolios that best match their interests.

![Portfolio.io Preview](https://github.com/aaron-gcl-bi/portfolio-io/blob/master/src/assets/portfolio-io-home.png)

## 🌟 Key Features

- **Explore Portfolios**: Discover portfolios from various creators with diverse styles and technologies.
- **Search and Filter**: Easily search and filter portfolios by categories such as Angular, React, HTML, Vue.js, and Svelte. Use the search bar to find specific portfolios based on keywords.
- **Favorites**: Save your favorite portfolios and view them on a dedicated Favorites page.
- **Authentication**: Secure login and signup options with email and Google authentication. Users can upload portfolios when authenticated.
- **Dynamic UI**: Interactive elements, including subtle animations and modal views for portfolio details.
- **Enhanced Portfolio Management**: Future updates will include additional features for managing and showcasing portfolios.
- **Advanced Search Options**: Improved search functionality with more filters and sorting options.

## 🚀 Getting Started

### Prerequisites

- [Angular CLI](https://github.com/angular/angular-cli) (v18.1.0 or higher)
- [Firebase](https://firebase.google.com/) account and project for authentication and database
- [TailwindCSS](https://tailwindcss.com/docs/guides/angular)

### Installation

1. **Clone the repository**:

```bash
git clone https://github.com/aaronchrisjo/portfolio-io.git
```

2. **Navigate to the project directory**:

```bash
cd portfolio-io
```

3. **Install dependencies**:

```bash
npm install
```

4. **Configure Firebase**: Set up your Firebase project and add your configuration to the `src/environments/environment.ts` file.

5. **Run the application**:

```bash
ng serve
```

The application will be available at `http://localhost:4200`.

## 🤝🏻 Contributing

Contributions are welcome! If you have suggestions or improvements, please fork the repository and submit a pull request.

1. **Fork the repository** on GitHub.
2. **Create a new branch**:

```bash
git checkout -b feature/your-feature
```

3. **Commit your changes**:

```bash
git commit -am 'Add new feature'
```

4. **Push to the branch**:

```bash
git push origin feature/your-feature
```

5. **Create a new Pull Request** on GitHub.

## 📝 License

This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.

## 📩 Contact

For questions or feedback, feel free to reach out:

- **Email**: [[email protected]](mailto:[email protected])
- **GitHub**: [aaronchrisjo](https://github.com/aaronchrisjo)