dev_profile
A modern, code-focused developer profile website
A minimal, fast, and highly customizable personal developer profile built with modern web technologies — designed to present projects, skills, experience, and developer activity through a clean technical interface.
✦ Overview
dev_profile is a developer-oriented portfolio/profile website focused on clarity, performance, and technical identity.
Instead of behaving like a traditional portfolio template, the interface is designed around a code-centric visual language — making the website feel closer to a developer workspace than a conventional marketing page.
Core goals
- Clean and modern developer-first UI
- Fast page delivery and smooth interactions
- Responsive experience across desktop, tablet, and mobile
- Easy customization of profile and project data
- Clear presentation of technical skills and projects
- Architecture that can evolve alongside the project
✨ Features
- 🎯 Developer-focused landing page
- 🧩 Modular sections and components
- 💻 Code-inspired visual language
- 📁 Project showcase
- 🛠️ Technology / skills section
- 📊 GitHub-oriented developer activity
- 📱 Fully responsive layout
- ⚡ Modern frontend architecture
- 🎨 Customizable design system
- 🌙 Dark-first interface
- 🔗 Social and external profile links
- ♻️ Reusable components
🖥️ Interface
The design follows a technical, minimal aesthetic with an emphasis on:
Typography → Developer / Code oriented
Layout → Minimal · Structured · Responsive
Visuals → Dark · Clean · Technical
Components → Modular · Reusable
Content → Projects · Skills · Activity
Experience → Fast · Accessible · Interactive
⚙️ Tech Stack
| Layer | Technologies |
|---|---|
| Framework | Next.js |
| Language | TypeScript |
| UI | React |
| Styling | Tailwind CSS |
| Animation | Framer Motion |
| Icons | Lucide |
| Tooling | Bun / Node.js |
| Version Control | Git + GitHub |
The stack may evolve as the project develops.
📂 Project Structure
dev_profile/
├── app/ # Application routes and layouts
├── components/ # Reusable UI components
├── data/ # Profile and project data
├── public/ # Static assets
├── styles/ # Global styling
├── lib/ # Utilities and application logic
├── package.json
├── tsconfig.json
└── README.md
The exact structure can change as the application evolves.
🚀 Getting Started
Requirements
Make sure you have a recent version of Node.js or Bun installed.
Clone
git clone https://github.com/amirebog/dev_profile.git
cd dev_profile
Install dependencies
Using Bun:
bun install
Or npm:
npm install
Start development server
bun dev
Or:
npm run dev
Then open:
http://localhost:3000
🧩 Customization
Most personal content should be kept separate from the UI layer so the profile can be updated without rewriting components.
Typical customization areas include:
Profile information
↓
Projects
↓
Skills / technologies
↓
Social links
↓
Theme / visual system
↓
GitHub integration
This makes the project suitable as a reusable starting point for developer portfolios and personal profile websites.
📈 Performance & UX
The project is designed with modern web performance principles in mind:
- Minimal client-side JavaScript where possible
- Component-based architecture
- Responsive layouts
- Optimized static assets
- Semantic HTML
- Accessible interactive elements
- Fast navigation and lightweight UI
🔮 Roadmap
- Core profile interface
- Project showcase
- Developer-focused visual system
- Responsive layout
- More advanced GitHub integration
- Automated project metadata
- Improved localization
- Additional theme customization
- More portfolio modules
🤝 Contributing
Contributions, ideas, and improvements are welcome.
If you find a bug or have an idea for improving the project, feel free to open an issue or submit a pull request.
📄 License
This project is open source. Check the repository for the current license and usage terms.
<div align="center">
Built for developers who want their code to speak for itself.
⭐ Star the repository if you like the project.
</div>