π 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:
- Clone the repository:
```bash
git clone https://github.com/Logipek/Personnal-portfolio.git
- Install dependencies:
```bash
npm install
- Start the development server:
```bash
npm run dev
- 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:
- Fork the repository.
- Add a new feature or improve an existing one.
- Create a pull request with a clear description.
π Support the Project
If you like this project, hereβs how you can support me:
- Star the repository! β It boosts the visibility of the project and motivates me to keep going.
- Share this project on your social media or with your developer friends.
- 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).