Portal de desafios de programação

Overview

GitHub top language GitHub language count Repository size GitHub last commit Repository issues

💻 Projeto

Plataforma de desafios frontend, quadro do notion com as tarefas AQUI

Também foi adicionado as ferramentas ESLint e Prettier para aumentar a produtividade e auxiliar a manter um padrão de código.

📥 Instalação e execução

Faça um clone desse repositório e acesse o diretório.

# Instalando as dependências
$ yarn

# Executanto aplicação
$ yarn next

PS: Configurar as variáveis ambientes do arquivo env.example.

Comments
  • Configurações do projeto

    Configurações do projeto

    Nessa PR:

    • Adicionado algumas regras para o typescript-eslint:
    • Mudanças na configuração do Prettier:
      • Adicionado printWidth: 100 na configuração
      • eslint-plugin-prettier removido. Na doc do prettier eles não recomendam usar o eslint como formatador pois existe algumas desvantagens:
        • Você acaba com muitas linhas vermelhas onduladas em seu editor, o que é irritante. Prettier deve fazer você esquecer a formatação – e não ficar na sua cara sobre isso!
        • Eles são mais lentos do que executar o Prettier diretamente.
        • Eles são ainda uma camada de indireção onde as coisas podem quebrar.
    • Adicionado tipagem para as variáveis de ambiente
    • Arquivo de extensões recomendadas para o vscode
    opened by joaom00 3
  • New ui migration

    New ui migration

    This PR track migration to new ui.

    Figma

    Tasks

    • [ ] Login page (In progress by @joaom00)
    • [ ] Home page
    • [ ] Challenge page
    • [ ] Solution form
    • [ ] Select participants page
    • [ ] User profile page
    opened by joaom00 2
  • Configurações do projeto

    Configurações do projeto

    Nessa PR:

    • Adicionado algumas regras para o typescript-eslint:
    • Mudanças na configuração do Prettier:
      • Adicionado printWidth: 100 na configuração
      • eslint-plugin-prettier removido. Na doc do prettier eles não recomendam usar o eslint como formatador pois existe algumas desvantagens:
        • Você acaba com muitas linhas vermelhas onduladas em seu editor, o que é irritante. Prettier deve fazer você esquecer a formatação – e não ficar na sua cara sobre isso!
        • Eles são mais lentos do que executar o Prettier diretamente.
        • Eles são ainda uma camada de indireção onde as coisas podem quebrar.
    • Adicionado tipagem para as variáveis de ambiente
    • Arquivo de extensões recomendadas para o vscode
    opened by joaom00 1
  • Adicionando docker

    Adicionando docker

    Essa PR:

    • Adiciona docker ao projeto
    • Remove a pasta .slicemachine (eu sei... eu sei... 😅)
    • Responsividade do card do autor
    • Pequena mudança na responsividade do container

    https://user-images.githubusercontent.com/48808846/189249043-3d9c0921-9e2f-4a17-a6a1-14e20dc3170c.mp4

    opened by joaom00 1
  • Toast

    Toast

    Essa PR:

    • Adiciona o componente de toast

    API

    Como usar

    const toast = useToast()
    
    // Toast de sucesso
    toast.success('Deu tudo certo! :)')
    
    // Toast de erro
    toast.error('Algo de errado não está certo :(', 'Tente novamente mais tarde', { duration: 7000 })
    

    Definir duração padrão para todos os toasts

    <ToastProvider duration={7000}>
      ...
    </ToastProvider>
    

    Parâmetros

    Você pode chamar o toast de várias maneiras

    // Somente título
    toast.success('título')
    
    // Título e descrição
    toast.success('título', 'descrição')
    // ou
    toast.success('título', { description: 'descrição', ...outras opções })
    
    // Somente um objeto
    toast.success({
     title: 'título',
     description: 'descrição',
     duration: 5000, // default
     type: 'foreground' // default
    })
    

    O type do toast é baseado na documentação do Radix

    opened by joaom00 1
Owner
Leonardo Vargas
Front-End Developer and Streamer | HTML | CSS | JavaScript | React | Sass
Leonardo Vargas
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
Criei uma série de exercícios para ajudar as pessoas que estão começando com programaçao em javaSript

Pratique-js Antes do desenvolvimento ⏮️ 1 - Faça o clone do repositório na sua máquina utilizando ssh ou https git clone 2 - Instale o npm npm insta

VICTOR GABRIEL RODRIGUES LINS 6 Jul 27, 2022
Uma simples linguagem de programação implementada em JavaScript.

[Projeto descontinuado] Vou estudar alguns conceitos muito importantes que aprendi ao implementar essa linguagem e, possivelmente, vou criar uma lingu

Erick Augusto 5 Aug 17, 2022
Foxpage portal, server apis and plugins

Low-code, made simple and fast Try live demo Foxpage is a lightweight front-end low-code framework. Features ??️ Visualization. Provides visual page e

Foxpage 165 Dec 31, 2022
Website and contest portal for SolidHack.

Solid Website This is the source code for the solid website: https://solidjs.com/ Getting started The website is built with Solid. In order to get goi

Solid 2 May 20, 2022
Admin portal for the community-profiles web app

cp-admin Admin portal for the community-profiles web app. Created with Strapi and postgresql backend. Hosted with Azure App Services. Strapi Instructi

Grant Moss 3 Nov 4, 2022
CA9.io Portal Seed Server. Makes sure the project files are always accessable.

Torrent Seed Server What is this about? This project helps users of CA9.io Metaverse to keep their files and addons permanently available. Since we us

CA9.io, TM9657 GmbH 2 Feb 3, 2022
Yara Station- Managment portal for LoKi scanner

Yara station is a management portal for Neo23x0-Loki. The mission is to transform the standalone nature of the Loki scanner into a centralized management solution that facilitates result investigation and easier scanning capabilities.

null 28 Dec 20, 2022
✨ Dramaland: Um portal de notícias, resenhas e opinião do mundo da dramaturgia coreana

Tabela de Conteúdo Tabela de Conteúdo Sobre o Projeto Feito Com Contribuição Licença Contato Sobre o Projeto Dramaland é um portal de notícias, resenh

Guilherme S. Sousa 9 Nov 21, 2022
Dyte's documentation portal built with Docusaurus.

Dyte Docs Dyte's documentation portal, built with Docusaurus. Explore the docs » View Demo · Report Bug · Request Feature Table of Contents About the

Dyte 70 Jan 1, 2023
Un experimento personal con el portal del Centro de Documentación de la Imagen de Santander.

Retrosantander Un experimento personal con el portal del Centro de Documentación de la Imagen de Santander (CDIS) y sus contenidos. Por Jaime Gómez-Ob

Jaime Gómez-Obregón 71 Dec 11, 2022
A modern and fashion-forward retail portal.

Atelier Atelier is an ecommerce product detail page built for a fictional clothing company as an exercise in front-end development. It contains three

null 1 Aug 30, 2022
FeatureProbe UI/Portal

FeatureProbe UI FeatureProbe applications suite includes a customer UI/Portal. It is optional to install, but we highly recommend using it as the mana

FeatureProbe 30 Dec 29, 2022
A portal for finding and posting jobs. Assignment for internship.

Naukri Dundho A portal for finding and posting jobs. Assignment for internship. ?? Explore the docs » • Report Bug • Request Feature • Backend Documan

Prasoon Soni 5 Sep 14, 2022
A all around note taking and viewing portal for students as well as teachers.

Notetal Portal to notes for students and teachers. With Notetal you can take notes as well as view notes taken by others. Features Powerful Editor: A

Alson Garbuja 2 Jun 13, 2022
A decentralised portal that aims to help Government Educational organisations to track student and colleges data to provide them with fellowships and programs.

DeSIDB A decentralised database built on Ethereum & Solidity. Introduction - India is a country with a population of 6.8 crore students graduating eac

Sachin Pandey 14 Jul 10, 2022
API for PACO (Portal Académico Online - Universidade de Aveiro)

paco-ua-api API for Portal Académico Online - Universidade de Aveiro This API uses Puppeteer to, through a headless browser, log in and scrape the pag

Diogo Correia 7 Dec 1, 2022
Portal - Free Bootstrap 5 Admin Dashboard Template For Developers

Theme Details & Demo Demo: https://themes.3rdwavemedia.com/bootstrap-templates/admin-dashboard/portal-free-bootstrap-admin-dashboard-template-for-deve

Xiaoying Riley 225 Dec 22, 2022