https://github.com/barata-ribeiro/barataribeiro_personal_portfolio

My personal portfolio, built with React + TypeScript and Tailwind CSS
https://github.com/barata-ribeiro/barataribeiro_personal_portfolio

javascript personal-portfolio portfolio portfolio-website react reactjs tailwind tailwind-css tailwindcss typescript ui-design vite

Last synced: about 1 month ago
JSON representation

My personal portfolio, built with React + TypeScript and Tailwind CSS

• Host: GitHub
• URL: https://github.com/barata-ribeiro/barataribeiro_personal_portfolio
• Owner: Barata-Ribeiro
• License: gpl-3.0
• Created: 2023-05-18T15:20:16.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2024-07-20T11:33:40.000Z (5 months ago)
• Last Synced: 2024-07-20T12:47:04.245Z (5 months ago)
• Topics: javascript, personal-portfolio, portfolio, portfolio-website, react, reactjs, tailwind, tailwind-css, tailwindcss, typescript, ui-design, vite
• Language: TypeScript
• Homepage: https://barataribeiro.com/
• Size: 113 MB
• Stars: 0
• Watchers: 2
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Hello,🖖 there! Welcome to My Personal Portfolio

## 🎨 Front-End Developer & UI Designer

I developed this portfolio starting with the UI Design using Figma, and then the code was written using NextJs with TypeScript, alongside Tailwind CSS as the 

style framework. I've used a combination of fonts, such as `Roboto` and `Kanit`, with `Comfortaa` for the decorator. 

I chose the color palette using the following as a base: ![#838073](https://placehold.co/15x15/838073/838073.png) `#838073`, ![#2b81e3](https://placehold.co/15x15/2b81e3/2b81e3.png) `#2b81e3`, 

![#d2d904](https://placehold.co/15x15/d2d904/d2d904.png) `#d2d904`. The images used in both the hero and about sections are from Unsplash. 

Check out my projects and education, and let's discuss working together!

## 👨‍💻 Demo

[Click here](https://barataribeiro.com/) to see a live demo of the website.

![Personal Portfolio](./public/screenshot.gif)

## 🚀 Portfolio Built With

This portfolio has been built using:

- [NextJS](https://nextjs.org/)

- [TypeScript](https://www.typescriptlang.org/)

- [Tailwind CSS](https://tailwindcss.com/)

## 🛠️ Project Setup

You'll need to have [Node.js](https://nodejs.org/en/download/) and [npm](https://www.npmjs.com/get-npm) installed on your machine.

1. Clone the repository:

```bash

git clone https://github.com/Barata-Ribeiro/barataribeiro_personal_portfolio.git

```

2. Navigate to the project folder:

```bash

cd barataribeiro_personal_portfolio

```

3. Install dependencies:

```bash

npm install

```

4. Start the local development server:

```bash

npm run dev

```

## 🤝 Contributing

If you find any issues or have suggestions for improvements, feel free to open an issue or submit a pull request.

## 🔮 Future Goals

I'm constantly expanding my skill set and venturing further into the realms of front-end development and UI design. My goal is to create visually appealing, user-friendly interfaces that enhance user experience and effectively translate business strategy into digital solutions.

## 📬 Get in Touch

Feel free to contact me with any questions or if you are interested in collaborating on a project.

🔗 [LinkedIn](https://www.linkedin.com/in/jo%C3%A3o-mendes-jorge-barata-ribeiro-645073118/)

## 📜 License

This project is free software available under the [GPLv3](LICENSE) license.