Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/polgubau/portfolio

👋🏼 Hello! I'm Pol Gubau Amores, a Frontend Developer and Designer based in Barcelona. I love to create beautiful and functional websites and apps. In my portfolio you can read my blog and check my most important projects.
https://github.com/polgubau/portfolio

keyframes next npm react reactjs styled-components tsx

Last synced: about 2 months ago
JSON representation

👋🏼 Hello! I'm Pol Gubau Amores, a Frontend Developer and Designer based in Barcelona. I love to create beautiful and functional websites and apps. In my portfolio you can read my blog and check my most important projects.

Awesome Lists containing this project

README

        

# **Pol Gubau Amores - Portfolio and Personal Blog**

## A showcase of my skills and projects

This is the repository for my personal portfolio and blog. It is built with Next.js and TypeScript, I also use Tailwind and markdown standards. It also uses Framer Motion for animations and transitions.

## **Features**

- [x] **Responsive Design**, it looks good on any device!
- [x] **Dark Mode**, it has a dark mode directly adapted from the system preferences.
- [x] **Blog**, it has a blog with markdown x support where I can write about my projects and other topics.
- [x] **Animations**, it has animations and transitions to make the experience more enjoyable.
- [x] **SEO**, it has SEO support and it is optimized for search engines.
- [x] **Accessibility**, it has accessibility support and it is optimized for screen readers.
- [x] **Testing**, it has unit tests for the components and pages.
- [x] **Linting**, it has linting support for the code.
- [x] **Formatting**, it has formatting support for the code.
- [x] **Continuous Integration**, it has continuous integration with GitHub Actions.
- [x] **Deployment**, it is deployed with Vercel.

## **Demo**

Visit my portfolio at **[https://www.polgubau.com](https://www.polgubau.com/)** to see the project in action!

## **Screenshots**

![Home Page](https://www.polgubau.com/brand/thumbnail.png)

![Blog Page](https://www.polgubau.com/brand/thumbnail-blog.png)

![Projects Page](https://www.polgubau.com/brand/thumbnail-projects.png)

## **Technologies Used**

- [Next.js](https://nextjs.org/)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Framer Motion](https://www.framer.com/motion/)
- [Markdown](https://www.markdownguide.org/)
- [ESLint](https://eslint.org/)
- [Prettier](https://prettier.io/)
- [Jest](https://jestjs.io/)
- [React Testing Library](https://testing-library.com/docs/react-testing-library/intro/)

## **Installation**

1. Clone the repository: **`git clone https://github.com/PolGubau/portfolio.git`**
2. Install dependencies: **`pnpm i`**
3. Run the development server: **`pnpm dev`**
4. Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.

## **Contributing**

To contribute to this project, please check the [CONTRIBUTING.md](https://github.com/PolGubau/portfolio/blob/main/CONTRIBUTING.md) file.

## **License**

This project is licensed under the MIT License - see the [LICENSE.md](https://github.com/PolGubau/portfolio/blob/main/LICENSE.txt) file for details.

## **Contact**

- **Email:** [gubaupol@PolGubau](gubaupol@PolGubau)
- **Website:** [https://www.polgubau.com](https://www.polgubau.com/)
- **LinkedIn:** [https://www.linkedin.com/in/pol-gubau-amores/](https://www.linkedin.com/in/pol-gubau-amores/)
- **GitHub:** [https://github.com/PolGubau](https://github.com/PolGubau)

Thanks for reading, have a nice day! 🌞