Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/protdos/portfolio

The source code of the portfolio of my website
https://github.com/protdos/portfolio

developer developer-portfolio developer-site portfolio website

Last synced: 25 days ago
JSON representation

The source code of the portfolio of my website

Host: GitHub
URL: https://github.com/protdos/portfolio
Owner: ProtDos
License: mit
Created: 2023-11-10T14:23:36.000Z (about 1 year ago)
Default Branch: main
Last Pushed: 2024-09-29T12:11:16.000Z (4 months ago)
Last Synced: 2024-11-05T10:46:29.513Z (2 months ago)
Topics: developer, developer-portfolio, developer-site, portfolio, website
Language: HTML
Homepage: https://codinglive.dev
Size: 12.4 MB
Stars: 2
Watchers: 1
Forks: 1
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        

[![Contributors][contributors-shield]][contributors-url]

[![Forks][forks-shield]][forks-url]

[![Stargazers][stars-shield]][stars-url]

[![Issues][issues-shield]][issues-url]

[![MIT License][license-shield]][license-url]






  

    

  

  
Portfolio


  


    The source code for my personal portfolio,

    


    Explore the docs »

    


    


    View Demo

    ·

    Report Bug

    ·

    Request Feature

  



  Table of Contents

  


    

      About The Project

      

        Built With

      

    

    Usage

    Roadmap

    Contributing

    License

    Contact

  


## About The Project

[![Product Name Screen Shot][product-screenshot]](https://github.com/ProtDos/Portfolio)

Every programmer needs a great portfolio for customers and collaborators. That's what this repo is for: it displays the source code of my personal /  own portfolio.

(back to top)


### Built With

Here is a list of any major frameworks/libraries used to bootstrap my project:

* [![Next][Next.js]][Next-url]

* [![React][React.js]][React-url]

* [![Vue][Vue.js]][Vue-url]

* [![Angular][Angular.io]][Angular-url]

* [![Svelte][Svelte.dev]][Svelte-url]

(back to top)


### Demo



  

  

  



## Features

* Responsive design for optimal viewing on various devices.

* Clean and modern layout to showcase your skills and projects effectively.

* Easy customization for personal information, skills, projects, and contact details.

* Lightweight and fast-loading, ensuring a smooth user experience.

* No third parties loaded

## Getting Started

### Prerequisites

Before you begin, make sure you have the following installed:

* Git

* Any modern web browser (e.g., Chrome, Firefox)

### Installation

1. Clone the repository to your local machine:

   ```bash

   git clone https://github.com/ProtDos/Portfolio.git

   ```

2. Open the project folder:

   ```bash

   cd Portfolio

    ```

3. Open the index.html file in your preferred web browser to view the default portfolio.

## Customization

### Personal Information

Update the personal information in the index.html file to reflect your own details. Modify the following sections:

* Header section with your name and job title.

* About section with a brief introduction about yourself.

### Skills

Add or remove skills in the skills section by modifying the HTML and CSS in the `index.html` and `styles.css` files, respectively.

### Projects

In the projects section, showcase your projects by adding project cards in the `index.html` file. Each project card contains details like project name, description, technologies used, and a link to the project.

### Contact Information

Update the contact information in the footer section of the `index.html` file with your own details.

## Usage

To use this portfolio template for your own website:

1. Fork this repository.

2. Clone your forked repository to your local machine.

3. Follow the customization steps mentioned above.

4. Host your website on platforms like GitHub Pages, Netlify, or Vercel.

(back to top)


## Roadmap

- [x] Add Main-Site

- [x] Add personal projects

- [x] Animation on form submit

- [X] Control via buttons

- [X] Fix burger menu

  - [X] switch to cross

  - [X] show links

- [ ] Multi-language Support

    - [ ] German

    - [X] English

    - [ ] Other

- [ ] White Mode?

- [X] show Background from navbar earlier

- [X] arrow back in carousel

- [X] add "Thank You" page

- [ ] function to submit rating / feedback

- [X] Easter Eggs :)

- [ ] Organize Code

  - [ ] CSS

  - [ ] JS

- [ ] New font

    

See the [open issues](https://github.com/ProtDos/Portfolio/issues) for a full list of proposed features (and known issues).

(back to top)


## Contributing

Contributions are what make the open source community such an amazing place to learn, inspire, and create. Any contributions you make are **greatly appreciated**.

If you have a suggestion that would make this better, please fork the repo and create a pull request. You can also simply open an issue with the tag "enhancement".

Don't forget to give the project a star! Thanks again!

1. Fork the Project

2. Create your 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

(back to top)


## License

Distributed under the MIT License. See `LICENSE.txt` for more information.

(back to top)


## Contact

CodingLive - [@codinglive](https://discord.com/users/786495827827752990) - [@xoding](https://t.me/xoding) - [email protected]

Project Link: https://github.com/ProtDos/Portfolio

(back to top)


## Donate

Love my work? Consider donating ❤:







[contributors-shield]: https://img.shields.io/github/contributors/ProtDos/Portfolio.svg?style=for-the-badge

[contributors-url]: https://github.com//ProtDos/Portfolio/graphs/contributors

[forks-shield]: https://img.shields.io/github/forks/ProtDos/Portfolio.svg?style=for-the-badge

[forks-url]: https://github.com/ProtDos/Portfolio/network/members

[stars-shield]: https://img.shields.io/github/stars/ProtDos/Portfolio.svg?style=for-the-badge

[stars-url]: https://github.com/ProtDos/Portfolio/stargazers

[issues-shield]: https://img.shields.io/github/issues/ProtDos/Portfolio.svg?style=for-the-badge

[issues-url]: https://github.com/ProtDos/Portfolio/issues

[license-shield]: https://img.shields.io/github/license/ProtDos/Portfolio.svg?style=for-the-badge

[license-url]: https://github.com/ProtDos/Portfolio/blob/master/LICENSE.txt

[linkedin-shield]: https://img.shields.io/badge/-LinkedIn-black.svg?style=for-the-badge&logo=linkedin&colorB=555

[linkedin-url]: https://linkedin.com/in/othneildrew

[product-screenshot]: https://portfolio.protdos.com/_astro/wordmark.svg

[PayPal]: https://img.shields.io/badge/PayPal-000000?style=for-the-badge&logo=paypal&logoColor=white

[PayPal-url]: paypal.me/xoding

[Next.js]: https://img.shields.io/badge/astro-000000?style=for-the-badge&logo=astro&logoColor=white

[Next-url]: https://nextjs.org/

[React.js]: https://img.shields.io/badge/vercel-20232A?style=for-the-badge&logo=vercel&logoColor=61DAFB

[React-url]: https://reactjs.org/

[Vue.js]: https://img.shields.io/badge/html-35495E?style=for-the-badge&logo=html5&logoColor=4FC08D

[Vue-url]: https://vuejs.org/

[Angular.io]: https://img.shields.io/badge/JavaScript-DD0031?style=for-the-badge&logo=javascript&logoColor=white

[Angular-url]: https://angular.io/

[Svelte.dev]: https://img.shields.io/badge/CSS-4A4A55?style=for-the-badge&logo=css3&logoColor=FF3E00

[Svelte-url]: https://svelte.dev/