Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/josepholiveira/josepholiveira.dev

This is my personal portfolio website!
https://github.com/josepholiveira/josepholiveira.dev

graphcms nextjs portfolio reactjs styled-components

Last synced: 23 days ago
JSON representation

This is my personal portfolio website!

Awesome Lists containing this project

README

        


josepholiveira.dev logo

## josepholiveira.dev

[![Author](https://img.shields.io/badge/author-josepholiveira-4545e5?style=flat-square)](https://github.com/josepholiveira)
[![Languages](https://img.shields.io/github/languages/count/josepholiveira/josepholiveira.dev?color=%234545e5&style=flat-square)](#)
[![Stars](https://img.shields.io/github/stars/josepholiveira/josepholiveira.dev?color=4545e5&style=flat-square)](https://github.com/josepholiveira/josepholiveira.dev/stargazers)

![Portfolio Preview](.github/app-preview.png)

## Tecnologies




Technologies used

This project was developed using cutting edge front-end technologies.

- [ReactJS](https://reactjs.org/)
- [Next.js](https://nextjs.org/)
- [Typescript](https://www.typescriptlang.org/)
- [Styled Components](https://styled-components.com/)
- [GraphQL Request](https://github.com/prisma-labs/graphql-request)

... And many others

## 💻 Getting started

### Requirements

- You need to install both [Node.js](https://nodejs.org/en/download/) and [Yarn](https://yarnpkg.com/) to run this project.

**Clone the project and access the folder**

```bash
$ git clone https://github.com/josepholiveira/josepholiveira.dev.git && cd josepholiveira.dev
```

**Follow the steps below**

First, you'll need to configure your `.env`, you can follow the `env.example` to know the needed variables.

```bash
# Install the dependencies
$ yarn

# Run the web server
$ yarn dev
```

The app will be available for access on your browser at `http://localhost:3000`

## 📝 License

This project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.

---

Made with 💜 by Joseph Oliveira 👋 [Check out my LinkedIn](https://www.linkedin.com/in/joseph-oliveira-294a19165)