Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/aaronchrisjo/portfolio-io
- Owner: aaronchrisjo
- License: mit
- Created: 2024-08-07T07:41:24.000Z (3 months ago)
- Default Branch: master
- Last Pushed: 2024-09-12T10:21:37.000Z (2 months ago)
- Last Synced: 2024-10-01T07:22:58.468Z (about 2 months ago)
- Topics: angular, angular-cli, firebase, html-css-javascript, ngx-ui, tailwind-css, typescript, vercel
- Language: TypeScript
- Homepage: https://portfolioio.vercel.app
- Size: 1.3 MB
- Stars: 3
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
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)