Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/heliolj/nlw-spacetime-web

Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.
https://github.com/heliolj/nlw-spacetime-web

autoprefixer axios eslint jwt-decode lucide-icons next nextjs postcss prettier react reactjs tailwindcss typescript

Last synced: 11 days ago
JSON representation

Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.

Host: GitHub
URL: https://github.com/heliolj/nlw-spacetime-web
Owner: helioLJ
License: mit
Created: 2023-05-16T14:40:07.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-05-19T23:03:32.000Z (over 1 year ago)
Last Synced: 2024-11-25T23:33:54.841Z (2 months ago)
Topics: autoprefixer, axios, eslint, jwt-decode, lucide-icons, next, nextjs, postcss, prettier, react, reactjs, tailwindcss, typescript
Language: TypeScript
Homepage:
Size: 5.03 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        ![Logo](https://i.imgur.com/790tOQp.png)

# Space Time 🌌

Front-end usando ReactJS, NextJS, TypeScript e mais tecnologias. Criado durante o evento da Rocketseat NLW.

![Capa](https://i.imgur.com/3nByqxF.png)

## Índice

- [Stack utilizada 🛠️](#stack-utilizada)

- [Funcionalidades 🚀](#funcionalidades)

- [Screenshots 📷](#screenshots)

- [Rodando localmente 💻](#rodando-localmente)

- [Variáveis de ambiente 🔑](#variáveis-de-ambiente)

- [Figma do Projeto 🎨](#figma-do-projeto)

- [Licença 📜](#licença)

## Stack utilizada

![reactjs](https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB)

![nextjs](https://img.shields.io/badge/next.js-000000?style=for-the-badge&logo=nextdotjs&logoColor=white)

![typescript](https://img.shields.io/badge/TypeScript-007ACC?style=for-the-badge&logo=typescript&logoColor=white)

![tailwindcss](https://img.shields.io/badge/Tailwind_CSS-38B2AC?style=for-the-badge&logo=tailwind-css&logoColor=white)

![eslint](https://img.shields.io/badge/eslint-3A33D1?style=for-the-badge&logo=eslint&logoColor=white)

![prettier](https://img.shields.io/badge/prettier-1A2C34?style=for-the-badge&logo=prettier&logoColor=F7BA3E)

![jwt](https://img.shields.io/badge/JWT-000000?style=for-the-badge&logo=JSON%20web%20tokens&logoColor=white)

![postcss](https://img.shields.io/badge/postcss-DD3A0A?style=for-the-badge&logo=postcss&logoColor=white)

### Outras Libs

- Autoprefixer

- Axios

- Lucide React

## Funcionalidades

- Fazer Login usando conta do GitHub (OAuth)

- Fazer Logout

- CRUD de memórias

## Screenshots

| No Memories      | Memories     |

| ------------- | ------------- |

|  |  |

| Create      | Create (filled)     |

|  |  |

## Rodando localmente

Clone o projeto

```bash

  git clone https://github.com/helioLJ/nlw-spacetime-web

```

Entre no diretório do projeto

```bash

  cd my-project

```

Instale as dependências

```bash

  npm install

```

Inicie o servidor

```bash

  npm run dev

```

## Variáveis de ambiente

Para rodar esse projeto, você vai precisar adicionar só uma variável de ambiente, no arquivo .env.local

```env

  # Github

  NEXT_PUBLIC_GITHUB_CLIENT_ID=

```

## Figma do Projeto

- [Figma](https://www.figma.com/community/file/1240070456276424762)

- ![figma](https://img.shields.io/badge/Figma-F24E1E?style=for-the-badge&logo=figma&logoColor=white)

![Cores](https://i.imgur.com/TWetZZx.png)

## Licença

[MIT](./LICENSE)