Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/yagoinacio/portfolio

Portfolio's frontend application
https://github.com/yagoinacio/portfolio

framer-motion nextjs portfolio-website tailwindcss

Last synced: 2 days ago
JSON representation

Portfolio's frontend application

Awesome Lists containing this project

README

        


GitHub language count

Repository size


GitHub last commit

License


Made by Yago Faran


Logo Yago Faran


About
Tech Stack
Features

How it works

Author
License

## 💻 Portfolio

This project serves as a personal web page, acting as an interactive and comprehensive showcase of skills, experiences, and projects. The web application provides users with the ability to explore an 'About Me' section, delve into a detailed account of professional experiences, and gain insights into technical proficiency through the 'Skills' and 'Projects' sections.

## 🛠 Tech Stack

- **[NextJS](https://nextjs.org)**
- **[Tailwind CSS](https://tailwindcss.com)**
- **[Framer Motion](https://www.framer.com/motion/)**

## ✨ Features

- [x] Contact / Social media
- [x] About me
- [x] Experiences
- [x] Skills
- [x] Projects
- [ ] Portfolio

## 🚀 How it works

This instructions will allow you to run a functional version of the project on your local machine.

### 📋 Pre-requisites

Before you begin, you will need to have the following tools installed on your machine:
[Git](https://git-scm.com), [Node.js](https://nodejs.org/en/).
In addition, it is good to have an editor to work with the code like [VSCode](https://code.visualstudio.com/)

#### 🔧 Instalation

```bash
# Clone this repository
$ git clone [email protected]:yagoinacio/portfolio.git

# Access the project folder cmd/terminal
$ cd project

# install the dependencies
$ yarn
```

#### 🔧 Configuration

To be able to run the application you need to set up the environment variables.

For that, create the file ```.env``` on the project's root folder.

You can follow the examples bellow:

```bash
# .env:
PORTFOLIO_API=[PORTFOLIO_INFO_API]
NEXT_PUBLIC_PORTFOLIO_API=[PORTFOLIO_ICONS_API]
```

#### 🎲 Running the application

```bash
# Run the application in development mode
$ yarn dev

# The app will start at port: 3000 - go to http://localhost:3000
```

## 🦸 Author





Yago Faran 💧

[![Github Badge](https://img.shields.io/badge/-YagoInacio-gray?style=flat-square&labelColor=gray&logo=github&logoColor=white&link=https://github.com/yagoinacio)](https://github.com/yagoinacio)
[![Linkedin Badge](https://img.shields.io/badge/-Yago-blue?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/yagoinacio/)](https://www.linkedin.com/in/yagoinacio/)
[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])

## 📝 License

This project is under the license [MIT](./LICENSE).

Made with ❤️ by Yago Faran 👋🏽 [Get in touch!](https://www.linkedin.com/in/yagoinacio/)