hugo-damion.me Tailwind Templates

Hugo Damion.me

A modern and dynamic full-stack portfolio built with Next.js, Tailwind CSS, and API integrations (GitHub, Spotify, etc.), designed to showcase projects, skills, and experience. Fully customizable and open-source.

🌍 This README is also available in French.

πŸ–₯️ Full Stack Portfolio - Open Source

This project is a modern and dynamic full-stack portfolio, designed for developers who want to showcase their projects, skills, and experiences professionally and interactively.

🎨 Built with modern technologies like Next.js, Tailwind CSS, and API integrations (GitHub, Spotify, etc.), this portfolio is fully customizable and extensible.


πŸš€ Features

🎯 Key Features:

  • Dynamic presentation of your skills and projects.
  • Discord integration for sending messages directly from the website using a Discord API.
  • Spotify embed for displaying the currently playing music using the Discord account ID
  • Display GitHub repositories, with a "Load more" button to show additional repositories.
  • Projects Section featuring detailed blog posts for each project, including links to demos or source code.
  • Interactive contact form with easy information management.
  • Light/Dark mode with customizable themes.
  • Modern animations (blur, gradient, grain, smooth transitions).

πŸ› οΈ In Development:

  • Admin dashboard to manage projects, content, and customization directly through a user interface.
  • Multilingual support, with automatic translation and localization.

πŸš€ Deploy on Vercel

Click the link below to deploy your own version of this portfolio:

Deploy on Vercel


πŸ“š Installation

Prerequisites

  • Node.js v14 or higher.
  • A package manager like npm or yarn.

Steps:

  1. Clone the repository:
    ```bash git clone https://github.com/Logipek/Personnal-portfolio.git
  2. Install dependencies:
    ```bash npm install
  3. Start the development server: ```bash npm run dev
  4. Access the site locally: http://localhost:3000.

πŸ“‘ Configuration via .env

Before running the project, make sure to configure the necessary environment variables. Create a .env file in the root directory of the project and add the following variables:

Example .env file:

// configuration webhook discord for contact form
DISCORD_WEBHOOK_URL=
// user id discord for status spotify
DISCORD_USER_ID=

🀝 Contributing to the Project

This project is open source, and contributions are welcome! Here's how you can help:

  1. Fork the repository.
  2. Add a new feature or improve an existing one.
  3. Create a pull request with a clear description.

πŸ’– Support the Project

If you like this project, here’s how you can support me:

  1. Star the repository! ⭐ It boosts the visibility of the project and motivates me to keep going.
  2. Share this project on your social media or with your developer friends.
  3. Buy me a coffee β˜• – Your donations help me keep this project active and add new features.

πŸ“œ License

This project is licensed under the Apache 2.0 License. You are free to use, modify, and share it as long as you respect the license terms and credit the repository author (Logipek).

Top categories

Loading Svelte Themes