Projeto Clocker, para agendamento de horários, desenvolvido durante a Semana Full Stack cem custo!

Overview

Bem vindo à Semana Full Stack Sem Custo, da Codar.me!

Logo Semana Full Stack sem custo

Entre os dias 5 e 9 de abril, vamos desenvolver uma aplicação completa: front, back e banco de dados, totalmente escalável, sem se preocupar com servidor, nem gastar 1 centavo com infra!

Cadastre-se para não perder nenhuma aula!

Ficou com dúvidas ou teve algum problema? Manda lá no canal da semana no discord pra galera te ajudar!

O Projeto

Durante estas aulas, desenvolveremos uma aplicação de agendamento de horários chamada Clocker, utilizando React com NextJS e Firebase para autenticação e banco de dados.

Para rodar o projeto:

npm run dev
# or
yarn dev

Abra http://localhost:3000 no seu navegador e veja o resultado!

Material de apoio

E as redes sociais, já tá seguindo?

📸 Instagram 👨🏻‍💻 Facebook

📬 No canal do Telegram, temos conteúdos conteúdos exclusivos!

You might also like...

Projeto desenvolvido como desafio técnico para uma vaga de estágio

Crud - Lista de Tarefas com React Sobre • Funcionalidades • Dependências • Como executar • Licença 📑 Sobre o projeto Projeto desenvolvido como teste

Oct 14, 2022

Desenvolvido durante um desafio do servidor Ballerini no Discord! https://discord.gg/ballerini

Desenvolvido durante um desafio do servidor Ballerini no Discord! https://discord.gg/ballerini

Desafio Autenticação Node - Tech da Semana ⏰ 🎮 📚 Informações sobre o projeto O projeto foi desenvolvido com base no desafio do Discord da Rafaela Ba

Jun 1, 2022

Back-end desenvolvido com NodeJS, TypeScript, Prisma e Express para prover dados para as aplicações em desenvolvimento.plicações do evento NLW eSports.

Back-end desenvolvido com NodeJS, TypeScript, Prisma e Express para prover dados para as aplicações em desenvolvimento.plicações do evento NLW eSports.

NLW eSports Back-End Aplicação back-end para surprir as necessidades de dados das demais plataformas desenvolvidas que são citadas mais abaixo. Este s

Sep 17, 2022

Um timer feito para ser usado para cronometrar os intevralos entre as aulas da Trybe, desenvolvido em Electron

electron-quick-start Clone and run for a quick way to see Electron in action. This is a minimal Electron application based on the Quick Start Guide wi

Nov 27, 2022

Este projeto é um boilerplate completo, constantemente atualizado, configurado nos mínimos detalhes para servir de base para projetos profissionais do mais alto nível.

Boilerplate Completo e atualizado com Next.js, Typescript Styled-Components, Testes, Redux Toolkit e PWA 📝 Sobre o Projeto Este projeto é um boilerpl

Aug 21, 2022

Projeto de Final de Módulo da Resilia, curso de Web Dev Full Stack, utilizando como base Node.js e Javascript.

🚚 API Transportadora Projeto de encerramento do módulo 4 da Resilia Educação. O objetivo é desenvolver uma API Rest de uma transportadora. 📮 Pré-req

Mar 26, 2022

Projeto desenvolvido no ignite - Baseado em DT Money

Projeto desenvolvido no ignite - Baseado em DT Money

Projeto My Wallet - Baseado no Dt Money Projeto prático na trilha de React - Ignite Sobre Instalação Sobre Aplicação abrangendo diversos conceitos e f

Mar 15, 2022

Projeto Integrador Motive foi desenvolvido sobe a ODS 3 da ONU, a onde elaboramos uma desafiadora missão de como fazer um mundo melhor até 2030

A progressive Node.js framework for building efficient and scalable server-side applications. Description Nest framework TypeScript starter repository

Dec 13, 2022

Todas as aulas da Semana JS Expert 5.0 - Google Drive Clone

Todas as aulas da Semana JS Expert 5.0 - Google Drive Clone

Google Drive Clone - Semana JS Expert 5.0 Seja bem vindo(a) à quinta Semana Javascript Expert. Este é o código inicial para iniciar nossa jornada. Mar

Dec 29, 2022
Comments
  • Server Error

    Server Error

    Boa @@noite!!! Eu sei que já passou a semana do curso que o senhor fez da semana full stack sem custo, mas só pude fazer agora esse curso. Estou com um problema ao fazer o formulário

    import {
      Container,
      Box,
      Input,
      Button,
      Text,
      FormControl,
      FormLabel,
      FormHelperText
    } from '@chakra-ui/layout';
    import { Logo } from './../components';
    
    export default function Home() {
      return (
        <Container p={4} centerContent>
          <Logo />
          <Box>
            <Text p={4} mt={8}>
              Crie sua agenda compartilhada
            </Text>
          </Box>
    
          <FormControl id="email" isRequired>
            <FormLabel>Email</FormLabel>
            <Input type="email" />
          </FormControl>
    
        </ Container>
    
      );
    }
    

    O erro que diz e o seguinte...

    Server Error Error: Element type is invalid: expected a string (for built-in components) or a class/function (for composite components) but got: undefined. You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.

    This error happened while generating the page. Any console logs will be displayed in the terminal window. Call Stack ReactDOMServerRenderer.render file:///home/cristiano/Documentos/GitHub/Projetos/clocker/node_modules/react-dom/cjs/react-dom-server.node.development.js (4053:17) ReactDOMServerRenderer.read file:///home/cristiano/Documentos/GitHub/Projetos/clocker/node_modules/react-dom/cjs/react-dom-server.node.development.js (3690:29) Object.renderToString file:///home/cristiano/Documentos/GitHub/Projetos/clocker/node_modules/react-dom/cjs/react-dom-server.node.development.js (4298:27) Object.renderPage file:///home/cristiano/Documentos/GitHub/Projetos/clocker/node_modules/next/dist/server/render.js (596:45) Function.getInitialProps node_modules/next/dist/pages/_document.js (150:43) Object.loadGetInitialProps file:///home/cristiano/Documentos/GitHub/Projetos/clocker/node_modules/next/dist/shared/lib/utils.js (69:29) renderDocument file:///home/cristiano/Documentos/GitHub/Projetos/clocker/node_modules/next/dist/server/render.js (609:48) Object.renderToHTML file:///home/cristiano/Documentos/GitHub/Projetos/clocker/node_modules/next/dist/server/render.js (647:34) async doRender file:///home/cristiano/Documentos/GitHub/Projetos/clocker/node_modules/next/dist/server/next-server.js (1144:38) async file:///home/cristiano/Documentos/GitHub/Projetos/clocker/node_modules/next/dist/server/next-server.js (1236:28)

    Já olhei e olhei o projeto e não conseguir acha-lo, esse erro só dar ao eu começar a criar o formulário

    Meu repositório e esse https://github.com/CristianoDaSilvaFerreira/clocker

    opened by CristianoSFMothe 0
Owner
Codar.me
Codar.me
Projeto desenvolvido durante o Programa de Formação do Grupo FCamara

Technical Share Projeto desenvolvido durante o Programa de Formação do Grupo FCamara ?? Começando As instruções logo abaixo permitirão que você obtenh

null 4 Apr 14, 2022
Projeto desenvolvido durante o Talent Fest Brasil - Laboratória SAP007, cumprindo o desafio da empresa Pravaler. 💪🏻💪🏽🧡

Desenvolvimento web (MVP) : Comparador de Cursos ?? Link da aplicação ?? Nossa equipe de Desenvolvedoras recebeu uma tarefa enviada pela empresa Prava

Suelen Escorcio 3 Jul 3, 2022
Projeto desenvolvido durante o ignite lab 3 da Rocketseat.

?? Tecnologias Esse projeto foi desenvolvido com as seguintes tecnologias: Vite React Typescript Tailwindcss Radix UI Phosphor Icons Figma Storybook ?

JEAM MARTINS ALVES 3 Oct 19, 2022
Este repositorio é para o primeiro projeto da quarta semana do WCC

Primeiro_projeto_node Instruções para a criação e execução: Crie uma pasta para armazenar os arquivos do projeto Abra a pasta criada no VSCode Após ab

null 3 Sep 8, 2022
This is a full-stack exercise tracker web application built using the MERN (MongoDB, ExpressJS, ReactJS, NodeJS) stack. You can easily track your exercises with this Full-Stack Web Application.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

WMouton 2 Dec 25, 2021
Projeto desenvolvido para o curso de desenvolvimento fullstack da escola de programação Driven.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Caio Lemos 3 Nov 11, 2022
Projeto desenvolvido para o curso de desenvolvimento fullstack da escola de programação Driven.

Getting Started with Create React App This project was bootstrapped with Create React App. Available Scripts In the project directory, you can run: np

Caio Lemos 4 Nov 11, 2022
Projeto desenvolvido em Angular e Material, para conclusão do curso de extensão em Java

EmpresaFront This project was generated with Angular CLI version 13.0.4. Development server Run ng serve for a dev server. Navigate to http://localhos

Carolina Rodrigues 5 Mar 18, 2022
Projeto "Meu Filminho" desenvolvido para o treinamento de Node.js

Projeto Meu Filminho - Treinamento Node.js - Instalação do Node.js Node.js NVM - Unix NVM - Windows ** NVM in nutshell, Node Version Manager, permite

Kenneth Freitas 11 May 19, 2022
🕹️⚡ Ecommerce de jogos. Projeto Integrador desenvolvido para a instituição de ensino Centro Universitário Eniac.

What is inside? This project uses lot of stuff as: NextJS ReactJs Typescript Jest Testing-library Styled Components Storybook Eslint Prettier Plop Hus

Gabriel Guedes ★ 3 Sep 28, 2022