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

https://github.com/vagnernerves/portfolio

I developed my portfolio using React and Next.js (version 14). The project is intended to showcase my projects and experiences.
https://github.com/vagnernerves/portfolio

nextjs phosphor-icons react react-player tailwindcss typescript typewriter-effect

Last synced: 3 months ago
JSON representation

I developed my portfolio using React and Next.js (version 14). The project is intended to showcase my projects and experiences.

Awesome Lists containing this project

README

        


Project Portfolio Logo

Project Portfolio


🔗 https://www.vagnernerves.dev/ 🔗

I developed my portfolio using React and Next.js. The project is intended to showcase my projects and experiences.

## 🧭 Table of contents

- [🧭 Table of contents](#-table-of-contents)
- [🎥 Implementation Video](#-implementation-video)
- [🎨 Layout](#-layout)
- [💡 Technologies Used](#-technologies-used)
- [📂 Folder Structure](#-folder-structure)
- [🚀 Running the Project](#-running-the-project)
- [Front-end Web](#front-end-web)
- [🌎 License](#-license)
- [✒ Author](#-author)

## 🎥 Implementation Video

https://github.com/VagnerNerves/portfolio/assets/40831841/735669fb-0318-4c74-89ad-e89740578849

## 🎨 Layout

Layout developed by [Vagner Nerves](https://www.linkedin.com/in/vagnernervessantos/)

[![Layout in Figma](https://github.com/VagnerNerves/default-readme/blob/main/assets/layout-in-figma.svg)](https://www.figma.com/file/2YwWYM0V1Ia7d4ulLwC5v8/Portif%C3%B3lio-Vagner-Nerves?type=design&node-id=1%3A2&mode=design&t=FWRVhqeAA7IUqOVH-1)

## 💡 Technologies Used

- [x] [Next.js](https://nextjs.org/)
- [x] [React](https://reactjs.org/)
- [x] [TypeScript](https://www.typescriptlang.org/)
- [x] [Tailwindcss](https://tailwindcss.com/)
- [x] [Phosphor Icons](https://phosphoricons.com/)
- [x] [React Player](https://github.com/CookPete/react-player)
- [x] [typewriter-effect](https://www.npmjs.com/package/typewriter-effect)

## 📂 Folder Structure

```plainText
web
.
├── public # Contains images project
├── src # Source files
│ ├── app # Aplication entry
│ ├── assets # Contains Js bundles assets. e.g: icons, splash, images etc...
│ ├── components # Contains all global react components
│ ├── context # All contexts
│ ├── hooks # Customized hooks
│ ├── storage
│ ├── translations
.
.
└── README.md
```

## 🚀 Running the Project

### Front-end Web

Clone the project

```bash
git clone https://github.com/VagnerNerves/portfolio.git
```

Enter the project directory

```bash
cd portfolio
```

Install with dependencies

```bash
npm install
```

Start the server

```bash
npm run dev
```

## 🌎 License

This project is under the MIT license. See the [LICENSE](https://github.com/VagnerNerves/portfolio/blob/main/LICENSE) file for more details.

## ✒ Author


Author Vagner Nerves

Vagner Nerves


Made with love and hate 😅, get in touch!

[![Linkedin Badge](https://img.shields.io/badge/-LinkedIn-1f6feb?style=flat-square&logo=Linkedin&logoColor=white&link=https://www.linkedin.com/in/vagnernervessantos/)](https://www.linkedin.com/in/vagnernervessantos/)
[![Gmail Badge](https://img.shields.io/badge/[email protected]?style=flat-square&logo=Gmail&logoColor=white&link=mailto:[email protected])](mailto:[email protected])
[![GitHub Badge](https://img.shields.io/badge/-GitHub-1f6feb?style=flat-square&logo=GitHub&logoColor=white&link=https://github.com/VagnerNerves)](https://github.com/VagnerNerves)