Giter Site home page Giter Site logo

site's Introduction

This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run npm install and the development server:

npm run dev
# or
yarn dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying pages/index.tsx. The page auto-updates as you edit the file.

API routes can be accessed on http://localhost:3000/api/hello. This endpoint can be edited in pages/api/hello.ts.

The pages/api directory is mapped to /api/*. Files in this directory are treated as API routes instead of React pages.

Learn More

To learn more about Next.js, take a look at the following resources:

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

Deploy on Vercel

The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.

Check out our Next.js deployment documentation for more details.

site's People

Contributors

gabrielbsb21 avatar gitlherme avatar lucasferreiralimax avatar woliveiras avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar

site's Issues

Recriar components ja feitos em React para Vue

Alguns componentes já tinham sido criados em React.

A ideia é migrar esses components para Vue, usando o Atomic Design.

Componentes a serem migrados

  • Anchor
  • Footer
  • Header
  • Navigation
  • Hero
  • Image

[POC] - Palestras em escolas no Jaragu'a

Sendo puxado por @luisangelorjr e @nwrn

Ao terminar a poc a ideia 'e tbm deixar um framework pra rolar em outras localidades com nossas experiencias, atalhos e maiores duvidas

  • Local da palestra
  • Pessoas interessadas
  • Tem computador
  • Tem retroprojetor / TV / Tela
  • Qt tempo antes teremos para testar o local. Iremos testar o local?
  • Tomar exemplos reais,clones de apps, como funciona algoritmo de tal plataforma, cada click vira analytics, hotjar, arduino, low-code, node-RED e etc

Blog

Sessão blog, consumindo API do dev.to, pra exibir nossos últimos posts. O blog no dev.to será colaborativo também!

Configurar Husky para lint de commit

O Husky deve ser configurado para o lint de commit, assim manteremos o padrão na aplicação.

O padrão segue o conventional commits, com o id da issue no final.

Por exemplo

git commit -m 'feat: create nuxt app (#41)'

Header com o logo

Criar Header com o logo, preparado para receber tbm a experiência desktop

Da Periferia para o mundo

Seção "Da periferia para [expressão que muda com efeito digitação]" com barra de midias sociais.

  • Comportamento mobile: manter fixo acima do menu footer ao rolar a página.

Erro com npm install

Ao usar a versão da branch develop ou new-site, tive o erro abaixo do print ao realizar npm install
Criei a branch bugfix/npm-install-and-serve pra verificar esse erro

image

[All] Theme Config

Adicionar configurações padrão do Style Guide da perifaCode, para ser utilizada por todos os arquivos de estilo da aplicação.

Deletar branchs antigas

@frontfabi @luisangelorjr conseguem me ajudar?

Queria deixar o repo limpinho, deixando apenas as branchs main e develop no projeto. (E por enquanto a master e a new-site também)

As outras branchs, posso excluir todas? Existe alguma que não foi mergeada ainda?

Criar projeto em Nuxt

O projeto será tocado a partir de agora usando Nuxt, um framework Vue. Deve-se criar a estrutura Nuxt e subir numa branch que será a principal após a reformulação do site (branch main)

Sessão para exposições de projetos de pessoas da comunidade

Sessão de exposição de projetos

Ideia para o site

Aba no site do perifacode para expor em cards os projetos de pessoas que fazem parte da comunidade.
Podendo ser inserido o card do projeto através do repositório.
E todo início de mês deletar todos os cards, assim criando uma rotatividade e deixando mais dinâmico.

Conteúdo alternado

Criar componente de conteúdo alternado. Deve ser responsivo.

Comportamento esperado no Desktop 👇🏽

Comportamento esperado no Mobile 👇🏽

*Obs: o conteúdo deverá poder ser alternado. Ou seja, imagem na esquerda/cima e texto na direita/baixo ou imagem na direita/baixo e texto na esquerda/cima

*Obs2: As barras da primeira observação significam desktop/mobile

Link de entrada para o Telegram

Uma reclamação recorrente do pessoal tem sido o link de entrada para o grupo

Acabei de revisitar a page (de um notebook) e pra mim está suave encontrar o link.
Mas queria propor a discussão aqui para entendermos se é melhor alterar isso ou não.

Eventos

Sessão Eventos do site, sendo alimentada via markdown

Sobre

Sessão Sobre, explicando o que é a perifaCode e como funcionamos.

Banner FullScreen com Call to Action

Criar banner FullScreen com CTA para o form de entrada ou para qualquer ação importante da comunidade.
O banner precisa ter um plugin para carrossel.

Gitflow

Oi!

@frontfabi ,estou baixnado o projeto aqui (já mergeei com a develop a new-site)

Vou tentar aplicar o conceito de gitflow no que eu for criando, mas por enquanto sem restrição de pl ou algo assim

  • master
  • develop
  • feature/
  • bugfix/
  • hotfix/

Isso acima é o conceito de gitflow.
Abri a issue só pra deixar aqui até ele ser totalmente implementado e etc

Accept one more on the team?

Hello team from the perifacode, if you are interested, I would like to contribute to the project. If so, could you provide me with the app layout?

Menu hamburger

Menu expansível partindo do footer para a versão mobile do site.

Organizadores

Sessão de Organizadores, com título e carousel (contendo foto, nome e @)

Mídia

Sessão mídia, com logos dos parceiros em carousel

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.