Giter Club home page Giter Club logo

criarte-professionalizing-old's Introduction

Colégio Criarte - Página de Cursos Profissionalizantes

Este projeto é uma página descritiva de cursos profissionalizantes oferecidos pelo Colégio Criarte. Ele foi desenvolvido utilizando TypeScript, React, EmailJS, Nookies, Styled-Components, Bootstrap e Polished.

Rodando localmente

Clone o projeto

  git clone [email protected]:felipe-seabra/criarte-website-professionalizing.git

Entre no diretório do projeto

  cd theme-switcher-boilerplate

Para instalar as dependências, basta executar o seguinte comando na pasta raiz do projeto:

  npm install

Execução

Para executar o projeto, basta executar o seguinte comando na pasta raiz do projeto:

  npm start

O projeto será aberto em um servidor local na porta 3000 (http://localhost:3000).

Build

  npm run build

Será criada uma pasta build na raiz do projeto contendo a versão otimizada para produção do projeto.

Funcionamento

A página exibe uma lista de cursos profissionalizantes oferecidos pelo Colégio Criarte. Ao clicar em um dos cursos, é exibida uma página de detalhes do curso com informações sobre o mesmo e um formulário de contato para solicitação de mais informações.

O formulário de contato utiliza a API do EmailJS para enviar uma mensagem ao Colégio Criarte com as informações preenchidas pelo usuário.

O site também utiliza o pacote Nookies para armazenar o tema selecionado pelo usuário (claro ou escuro) em um cookie. O tema é aplicado utilizando o pacote Styled-Components.

O Bootstrap é utilizado para a estilização geral do site, e o Polished é utilizado para a manipulação de cores.

Demonstração

Imagem demo

© Desenvolvido por Felipe Seabra

criarte-professionalizing-old's People

Contributors

felipe-seabra avatar

Stargazers

 avatar

Watchers

 avatar

criarte-professionalizing-old's Issues

Fix more contacts!

  • display contacts on success screen
  • display contacts on error screen
  • remove contacts on loading screen
  • adjust component size of more contacts

Create error page

  • create 404 error page
  • add error page to route *
  • style the error page

Fix footer position!

  • the footer does not appear above the component to accept cookies (CookieConsentComponent)

Create privacy policy

  • create privacy policy page;
  • create route /politica privacy policy;
  • insert policy page data;
  • style policy page;
  • add link to privacy policy to cookie consent component;
  • add policy to header;

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.