https://github.com/creme332/portfolio

A responsive personal website using a neobrutalist design.
https://github.com/creme332/portfolio

brutalist mantine neobrutalism nextjs nextjs13 nodemailer nodemailer-email-sender personal-website portfolio portfolio-website pwa react recaptcha-v3 typescript

Last synced: 7 months ago
JSON representation

A responsive personal website using a neobrutalist design.

• Host: GitHub
• URL: https://github.com/creme332/portfolio
• Owner: creme332
• License: mit
• Created: 2022-06-10T09:32:49.000Z (over 3 years ago)
• Default Branch: main
• Last Pushed: 2025-05-14T15:41:28.000Z (8 months ago)
• Last Synced: 2025-05-14T16:47:51.100Z (8 months ago)
• Topics: brutalist, mantine, neobrutalism, nextjs, nextjs13, nodemailer, nodemailer-email-sender, personal-website, portfolio, portfolio-website, pwa, react, recaptcha-v3, typescript
• Language: TypeScript
• Homepage: https://creme332.vercel.app/
• Size: 40.7 MB
• Stars: 3
• Watchers: 1
• Forks: 0
• Open Issues: 3
• Metadata Files:
  • Readme: README.md
  • License: LICENSE
  • Code of conduct: docs/CODE_OF_CONDUCT.md

Awesome Lists containing this project

README

          
# Portfolio 🍬

![Next JS](https://img.shields.io/badge/Next-black?style=for-the-badge&logo=next.js&logoColor=white)

![TypeScript](https://img.shields.io/badge/typescript-%23007ACC.svg?style=for-the-badge&logo=typescript&logoColor=white)

![React](https://img.shields.io/badge/react-%2320232a.svg?style=for-the-badge&logo=react&logoColor=%2361DAFB)

![Mantine](https://img.shields.io/badge/Mantine-16B7FB?style=for-the-badge&logo=mantine&logoColor=black)

A responsive portfolio website built with performance in mind.

![GIF of website](website.gif)

![Lighthouse report](lighthouse.png)

[![Vercel](https://img.shields.io/badge/Live%20Preview-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white)](https://creme332.vercel.app/)

## Features

- Neobrutalist design

- SEO optimized

- Mobile responsive UI

- Smooth animations

- Accessible website

- Progressive Web App (installable + offline support)

- Functional contact form with reCAPTCHA v3 and rate-limiting

- Open Graph for custom social media previews

## Installation

See the [documentation](docs) for instructions on how to setup and use the project locally.

## References

1. **UI Design**: [plant22](https://plant22.co) (2023).

2. **SVG shapes**: https://fffuel.co/dddynamite/.

3. **Monster image**: [UHDPaper](https://www.uhdpaper.com/2021/06/monster-abstract-digital-art-4k-5300a.html?m=1).

4. **Geometric shape**: [Freepik](https://www.freepik.com/premium-vector/colorful-geometric-background-modern-abstract-background-with-geometric-shapes-lines_31713840.htm).