https://github.com/facuperezm/website

👷‍♂️ Personal website made with Next.js 14
https://github.com/facuperezm/website

emailjs framer-motion nextjs radix-ui react-hook-form tailwindcss typescript zod

Last synced: 2 days ago
JSON representation

👷‍♂️ Personal website made with Next.js 14

• Host: GitHub
• URL: https://github.com/facuperezm/website
• Owner: facuperezm
• Created: 2023-01-30T16:23:55.000Z (almost 2 years ago)
• Default Branch: main
• Last Pushed: 2024-11-08T11:38:52.000Z (8 days ago)
• Last Synced: 2024-11-08T12:30:47.155Z (8 days ago)
• Topics: emailjs, framer-motion, nextjs, radix-ui, react-hook-form, tailwindcss, typescript, zod
• Language: TypeScript
• Homepage: https://facuperezm.com
• Size: 22.6 MB
• Stars: 2
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


 



 My portfolio



This is my portfolio website made with Next.js and styled with Tailwind CSS

 ✦ 

Live website

 ✦ 






![App Screenshot](./public/screenshots.png)

## 🛠️ Stack

- [**React**](https://reactjs.org/) - A JavaScript library for building user interfaces.

- [**Next.js 14**](https://nextjs.org/) - The React framework for building production-ready websites.

- [**Tailwind CSS**](https://tailwindcss.com/) - A utility-first CSS framework for rapidly building custom designs.

- [**Framer Motion**](https://www.framer.com/motion/) - A production-ready motion library for React.

- [**Emailjs**](https://www.emailjs.com/) - A cloud-based email service for sending emails directly from the frontend.

- [**React-hook-form**](https://react-hook-form.com/) - Performant, flexible, and extensible forms with easy-to-use React hooks.

- [**Zod**](https://github.com/colinhacks/zod) - A TypeScript-first schema declaration and validation library.

**Deploy:** Vercel

## Optimizations

- [x] Improve colors variables in Tailwind config file to use better conventions

- [x] Add dark mode

- [x] Dark/Light theme

- [x] Improve contact form validation and error handling

- [x] Add a toast message when sending the email

- [x] Separate works in new page

- [ ] Add a new page for the blog

## Author

- [Facundo Perez Montalvo](https://facuperezm.vercel.app)

[![portfolio](https://img.shields.io/badge/my_portfolio-000?style=for-the-badge&logo=ko-fi&logoColor=white)](https://facuperezm.vercel.app/)

[![linkedin](https://img.shields.io/badge/linkedin-0A66C2?style=for-the-badge&logo=linkedin&logoColor=white)](https://www.linkedin.com/in/facuperezm/)

[![github](https://img.shields.io/badge/github-555?style=for-the-badge&logo=github&logoColor=white)](https://github.com/facuperezm)