Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
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
- Host: GitHub
- URL: https://github.com/yagoinacio/portfolio
- Owner: YagoInacio
- License: mit
- Created: 2023-10-09T13:27:44.000Z (about 1 year ago)
- Default Branch: main
- Last Pushed: 2023-12-06T15:44:35.000Z (12 months ago)
- Last Synced: 2023-12-07T13:46:28.180Z (12 months ago)
- Topics: framer-motion, nextjs, portfolio-website, tailwindcss
- Language: TypeScript
- Homepage: https://yagofaran.dev
- Size: 482 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
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
[![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/)