Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/pgm-benobira/benoitbiraguma

Personal portfolio website made by Bénoît Biraguma using a Static Site Generator (11ty)
https://github.com/pgm-benobira/benoitbiraguma

11ty css html nunjucks

Last synced: 3 months ago
JSON representation

Personal portfolio website made by Bénoît Biraguma using a Static Site Generator (11ty)

Awesome Lists containing this project

README

        

# Portfolio Website

Welcome to my portfolio website! This project is the result of me to not only showcasing my skills as a Full-stack webdeveloper but also my skills as a Graphic Designer. I hope you enjoy looking through how all of this was built.

## Table of Contents

- [About](#about)
- [Technologies Used](#technologies-used)
- [Setup](#setup)
- [Usage](#usage)
- [License](#license)
- [Contact](#contact)

## About

This portfolio website is built using Eleventy, a static site generator, to showcase my work, skills, and experiences. It includes sections such as:
- About Me
- Projects (as a Developer)
- Projects (as a Graphic Designer)
- Contact Information

## Technologies Used

- [Eleventy](https://www.11ty.dev/)
- [HTML](https://developer.mozilla.org/en-US/docs/Web/HTML)
- [CSS](https://developer.mozilla.org/en-US/docs/Web/CSS)
- [JavaScript](https://developer.mozilla.org/en-US/docs/Web/JavaScript)
- [Hygraph](https://hygraph.com/)

## Setup

To run this project locally, follow these steps:

1. Clone the repository: `git clone https://github.com/pgm-benobira/benoitbiraguma.git`
2. Navigate to the project directory: `cd benoitbiraguma`
3. Install dependencies: `npm install`
4. Start the development server: `npm start`
5. Open your browser and go to `http://localhost:8080` to view the website.

Please note that the projects will be missing from this version, as they are now hosted on Hygraph and the link for the content API is not publicly available. You can add you own projects locally or fetch from your Hygraph project. The hygraph.js gives an insight of what your models should look like in Hygraph.

## Usage

Feel free to use this portfolio website or part of this code as an inspiration for your own projects.

## License

This project is licensed under the [Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License](https://creativecommons.org/licenses/by-nc-sa/4.0/).

## Contact

For any inquiries or feedback, please contact me at [[email protected]](mailto:[email protected]) or send me a message on [Linkedin](https://www.linkedin.com/in/beno%C3%AEt-biraguma-48422a194/).