Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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.
- Host: GitHub
- URL: https://github.com/polgubau/portfolio
- Owner: PolGubau
- License: other
- Created: 2022-06-24T10:51:10.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-04-12T15:46:51.000Z (9 months ago)
- Last Synced: 2024-04-13T21:07:15.107Z (8 months ago)
- Topics: keyframes, next, npm, react, reactjs, styled-components, tsx
- Language: MDX
- Homepage: https://www.polgubau.com
- Size: 70.1 MB
- Stars: 6
- Watchers: 1
- Forks: 2
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Contributing: CONTRIBUTING.md
- License: LICENSE.txt
- Code of conduct: CODE_OF_CONDUCT.md
- Security: SECURITY.md
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! 🌞