Minifolio

Minifolio ⚡

A minimal portfolio template for developers
⚠️ We are now accepting pull requests ! Let's code

[!IMPORTANT] 🎉 Special THANKS & SHOUTOUT to @loeclos for their valuable ⭐ contributions and support in bringing this project to 🌌 Next.js! Your help made this transition 🎡 smooth and efficient, and we couldn’t have done it without 🙌 you.

## 🚩 License

MIT License

🫥 Code Of Conduct

Code Of Conduct

⚡ What’s New ?

v0.1 24/09/2023 - Published Minifolio

v0.2 12/10/2023 - Added new features

vRes 26/12/2023 - Resumed the project

v0.3 08/10/2024 - Added new enhancements

v0.4 17/10/2024 - Added various new sections

v1.0 03/03/2025 - Conversion to NextJS

✌🏻 Contribute

1 Join The Discussion

2 Visit CONTRIBUTING.md

3 Create Issues

4 Create Pull Request

5 Star The Repository

📁 Content

1️ Features

2️ Getting Started

3 How To Use

4️ Deployment

5️ Technology

6 Star

7 Hacktoberfest

8 Author

9 Contributors

😄 Features

1 Modern UI/UX

2 One page layout

3 Valid HTML5 and CSS3 and NextJS

4 Fully responsive

🚀 Getting Started

1 Fork this repo

2 Clone the repo

3 Create a branch

4 Make pull request

🔥 How To Use

Follow the instruction to customize the portfolio

🌳 Tree Diagram

─ src/                 # Source code directory
├── app/               # Next.js app directory
│   ├── favicon.ico
│   ├── globals.css    # Global styles
│   ├── layout.tsx     # Layout component
│   └── page.tsx       # Main page component
│
├── components/        # Reusable UI components
│   ├── about/         # "About" section components
│   ├── education/     # "Education" section components
│   ├── footer/        # Footer components
│   ├── hero/          # Hero/landing section
│   ├── navbar/        # Navigation bar components
│   ├── services/      # "Services" section components
│   └── skills/        # "Skills" section components
│
├── ui/                # UI-specific shared components
│   └── icons.tsx      # Icon components
│
└── utils/             # Utility/helper functions
     └── fonts.ts       # Font configuration

Old Documentation

> ## 🏠 Home Page
> **``** Replace it with Your Name > **``** Replace it with Custom Label > **``** Replace the link with your profile link in **script.js**
```html

Hi, my name is Your Name
I'm Know more

```
> ## 🫤 About Me
> **``** Replace it with Custom Title > **`<text>`** Replace it Your Name or any Text > **`<textMain>`** Replace it with a short Bio <br /> ```html <div class="aboutC"> <div class="title">     ABOUT 🫥</div> <div class="titleGap"></div> <div class="titleSmall">This and that</div> <div class="containerGap"></div> <div class="container"> <div class="leftC"> <div class="text">Hi, I'm a developer</div> <br /> <div class="textMain"> I design websites. That's the long and short of it. UI and UX, Sketch, Design, and pretty decent HTML and CSS — with Javascript and that nice dabble with Java. </div> </div> <div class="rightC"> <div class="text">TL;DR</div> <br /> <div class="textMain">Web UI & UX <br />Figma<br />HTML & CSS</div> <div class="btnC"> <a class="btn btn-custom btn-lg btn-about" href="#"> Click Me </a> </div> </div> </div> <div class="bottomC"></div> </div> ``` <br /> > ## 🏛️ Education <br /> > **`<text>`** Replace it with Custom Title > **`<event-time>`** Replace it with the Time duration > **`<textMain>`** Replace it with a short Description <br /> ```html <div class="timeline-container"> <div class="timeline-line"></div> <div class="event-item"> <div class="empty-space"></div> <div class="event-icon"> <svg> <title>...