Skip to content

StoicBug/portfolio-template

Repository files navigation

Neobrutalism Portfolio Template

Welcome to the Neobrutalism Portfolio Template – a bold, vibrant, and eye-catching single-page portfolio designed for software engineers who love the neobrutalism aesthetic!

🎨 Live Preview

Check out the live demo: Neobrutalism Portfolio Template

🚀 Features

  • Single-page design for a seamless browsing experience
  • Bold neobrutalism aesthetic with thick borders, vibrant colors, and playful elements
  • Fully responsive layout that looks great on all devices
  • Easy to customize and personalize
  • Built with modern web technologies

📁 Project Structure

components/
├── about/
├── background/
├── footer/
├── hero/
├── personal-intro/
├── projects/
├── skills/
└── tech-tools/

🛠️ Components

  1. Hero: A striking introduction section to grab visitors' attention.
  2. Personal Intro: A brief, engaging introduction about yourself.
  3. About: More detailed information about your background and interests.
  4. Skills: Showcase your technical skills and expertise.
  5. Tech Tools: Highlight the technologies and tools you're proficient in.
  6. Projects: Display your notable projects with descriptions and links.
  7. Background: A section to add some personality and context to your profile.
  8. Footer: Contact information and social media links.

🎨 Neobrutalism Design

This template embraces the neobrutalism design trend, characterized by:

  • Bold, contrasting colors
  • Thick, black borders
  • Oversized typography
  • Asymmetrical layouts
  • Playful, exaggerated design elements

The result is a portfolio that stands out from the crowd and leaves a lasting impression on potential employers or clients.

🚀 Getting Started

  1. Clone this repository
  2. Navigate to the project directory
  3. Install dependencies with npm install
  4. Run the development server with ng serve
  5. Open http://localhost:4200 in your browser

📝 Customization

To make this portfolio your own:

  1. Replace the placeholder content in each component with your personal information.
  2. Adjust the color scheme in the tailwind classes.
  3. Add or remove sections as needed to best showcase your skills and projects.
  4. Update the images and icons to reflect your personal brand.

📱 Responsive Design

This template is fully responsive and optimized for:

  • Desktop
  • Tablet
  • Mobile devices

The layout adjusts seamlessly to provide the best user experience across all screen sizes.

🤝 Contributing

Contributions, issues, and feature requests are welcome! Feel free to check the issues page.

📜 License

This project is [MIT] see the LICENSE file for details.

🙏 Acknowledgements

  • Inspired by the neobrutalism design trend
  • Built with Angular & Tailwind
  • Deployed with Netlify

Made with ❤️ by El Bachir Outidrarine 'The Stoic Bug'

Happy coding, and may your portfolio stand out in the digital crowd! 🎉