vota.dev - Vote the best web development trends of the year

Overview

vota.dev

Welcome to vota.dev!

This is a work in progress!

Development

  1. Install the project with npm install
  2. Initialize the @prisma/client with npm prisma generate
  3. Set-up your environment variables following the .env.example file. NOTE: The environment file must be named like: .env
  4. Migrate the prisma generated database to the PostgreSQL on Railway with npx prisma migrate dev
  5. You can now start developing for vota.dev

GitHub - Set-Up an OAuth Application

  1. Login to Login - GitHub
  2. Enter your applications in developer settings Apps - GitHub
  3. Inside OAuth Apps click on New OAuth App and fill the fields.
    • You can set the 'Homepage URL' to http://vota.dev and the 'Callback URL' to http://localhost:3000/api/auth/
  4. You can retrieve the Client ID and the Client Secret there

Using Railway

  1. Login to Login - Railway
  2. Accept the ToS ToS - Railway
  3. Create a new project with PostgreSQL Create - Railway
  4. Claim the project
  5. On 'Environment', click on 'PostgreSQL' then click on 'Connect'
  6. You can retrieve the Postgres Connection URL there
Comments
  • Propuesta de cambios en la UI y actualizando el README.MD

    Propuesta de cambios en la UI y actualizando el README.MD

    • Agregue un botón Toggle para mostrar y ocultar las listas.
    • Agregue animación a los botones de los elementos de las listas.
    • Agregue los colores midu, midu-light y midu-dark a Tailwind.
    • Agregue el componente SectionDescription como parte de la propuesta de la UI.
    • Agregue Información y repare un enlace del README.
    opened by edgarguitarist 5
  • Footer updates

    Footer updates

    • [x] Ending bull added like the starting bull
    // AFTER
    · first · second · third · fourth
    // B4
    · first · second · third · fourth ·
    
    • [x] Space between Developed by and the MIDU logo
    • [x] The logo does not need its default bg-white class for taking a white background layer
    opened by andresin87 2
  • Translations don't work in production

    Translations don't work in production

    404

    The website responds with 404 when you try to see the translation.

    image

    It is most likely a problem with vercel, since it may not be capturing the url.

    opened by rsbmk 2
  • Update deno icon

    Update deno icon

    Looking at the official deno website I noticed that it has a slightly different logo than the one currently used in vota.dev, so I made the change.

    image

    The resource is available on the site https://deno.land/logo.svg

    opened by eriandev 1
  • [FIX] Problems with Linter

    [FIX] Problems with Linter

    1. Replace img to next/image component

    2. Config ESlint for detect React version

    "settings": {
          "react": {
            "version": "detect"
          }
    }
    
    opened by nelsondev19 1
  • Fix docs

    Fix docs

    Hola Midu te pido disculpas.

    Cerré la otra pull request ya que estaba mal y abrí ésta que ahora debe estar bien.

    Cambié el comando de migración de la base de datos por el que ya pusiste en el package.json.

    Saludos.

    opened by maximinetto 1
  • Move definitions and add change props

    Move definitions and add change props

    Hi Miguel who are you?

    I moved the interface "VotePillProps" to the top of the file. Also I change the type "any" for that interface. Now You should not have any kind of "any" in your code.

    Regards.

    opened by maximinetto 1
  • Adding some info to README.md

    Adding some info to README.md

    Resume of changes

    • Adding brief description about platform.
    • Adding Table of Contents title and links to different sections.
    • Adding Community and Contributions, Talk with us or Report an Issue sections.

    It will look like this

    image

    opened by jpaddeo 1
  • fixed: multiple client instances in dev

    fixed: multiple client instances in dev

    Problem:

    warn(prisma-client) There are already 10 instances of Prisma Client actively running.

    Changes

    • [x] Created a new prisma client for development
    • [x] Edited prisma client imports in API routes
    opened by kevinzunigacuellar 1
  • [Windows]

    [Windows] "delete ␍ eslint prettier/prettier"

    Root cause of the problem

    image

    The culprit is git... a configuration property "core.autocrlf". For historical reasons in windows, linux and mac have the line breaks of the text file under are inconsistent.

    • Windows: At the time of line break, carriage return is used at the same time CR(carriage-return character) and line breaks LF(linefeed character) needing CRLF.
    • Mac and Linux System, only use the newline character LF
    • Old version Mac the system uses carriage return CR

    image

    Solution

    • What needs to be done to fix this error is to change the "AutoCRLF" property to false
    git config --global core.autocrlf false
    
    • Next you need to pull the code again.
    • Finally check if in VSCode is setted LF and not CRLF

    image

    REFERENCE

    https://developpaper.com/solution-to-delete-%E2%90%8Deslint-prettier-prettier-error/

    opened by edgarguitarist 0
  • Mejorada la configuración de prettier en el proyecto

    Mejorada la configuración de prettier en el proyecto

    Cambios

    • Arreglado el error de la extensión Eslint cuando vscode intenta cargar la configuración de prettier. Se adjuntan evidencias de antes y después:

    Antes image

    Despues image

    • Movidos los paquetes de "prettier" a las dependencias de desarrollo.
    • Eliminado el valor de "prettier" de el campo "plugins" en el fichero .eslintrc. Se adjunta página de referencia en el commit.
    opened by carlosfernandezcabrero 0
  • CSS Classes from div to body tag

    CSS Classes from div to body tag

    opened by jucegt 1
  • Feature: Create categories component

    Feature: Create categories component

    Lista de tareas:

    • [x] Reorganizar las traducciones por secciones (SEO, title, categories, session, footer) (para refactorizar componentes)
    • [x] Crear método y objeto que devuelva el título de la sección y sus opciones
    • [x] Crear componente que devuelva la lista de categorías y aplicarlo a la Home
    opened by maadeval 1
  • Adding Locale / Language Switcher component with flags (optional).

    Adding Locale / Language Switcher component with flags (optional).

    I added a Local or Language Switcher component in Header next to Profile Info or Login Button (if not session).

    It looks like this:

    • Without flags emoji. image

    • With flags emoji: image

    UPDATE: the images are old. New changes made with .env variable to control the "layout" of selector (text, flag or both). And removing USA flag for EN.

    opened by jpaddeo 3
Owner
Miguel Ángel Durán
Software Engineer GitHub Star 🌟 Google Developer Expert 👨‍💻
Miguel Ángel Durán
auto-vote-topgg automates voting for bots on top.gg using google chrome!

auto-vote-topgg auto-vote-topgg automates voting for bots on top.gg using google chrome! uses your account thats already logged into top.gg you must b

Anonymous 2 Jan 29, 2022
project for IS2 course @ UNITN CS 3d year

IS2-MSGC-Parket Parket è un servizio che permette di risparmiare tempo e denaro fornendo ai propri utenti una piattaforma per affittare e prenotare pa

Matteo Gatti 6 Dec 19, 2022
A 3rd year University physics project for simulating satellites motion in orbit.

Satellite Simulator VI - Deluxe Edition A university physics project for simulating satellites in orbit. Installation instructions Clone the git repos

Rami Sabbagh 8 Jun 26, 2022
Full stack app to journal and keep track of your overall mood each day of the year, inspired by GitHub's contribution graph.

Mood Tracker Mood tracker to journal and keep track of your overall mood each day of the year. How It's Made: Tech used: EJS, CSS, JavaScript, Node.js

Bianca Togonon 44 Dec 14, 2022
A public board for all the Computer Society and Students to display their profile. An online year-book for you to display your profile in the most creative manner

Student's Yearbook by IEEE Computer Society Student's yearbook is an open-source project which intends to dispaly the students who will be graduating

IEEE Computer Society 11 Dec 18, 2022
Dynamic-web-development - Dynamic web development used CSS and HTML

Dynamic-web-development ASSISNMENT I just used CSS and HTML to make a mobile int

null 1 Feb 8, 2022
Webpack dev tools to make performance analysis, error investigation and loader development more convenient

build-tool-inspector Introduction Webpack dev tools to make performance analysis, error investigation and loader development more convenient. Provide

Modern JS 25 Nov 17, 2022
Best practices for modern web development

Web Fundamentals on DevSite Welcome to the new WebFundamentals! An effort to showcase best practices and tools for modern Web Development. What's chan

Google 13.7k Dec 30, 2022
The best UI framework out there 🦆 In development 🚀

Noia UI Getting Started | Community | Creators | ?? Noia UI ?? in development... ?? Getting Started # First clone this repository $ git clone https://

Foton 18 Mar 10, 2022
Mongoose Node.js Express TypeScript application boilerplate with best practices for API development.

Node TypeScript Boilerplate Mongoose The main purpose of this repository is to show a good end-to-end project setup and workflow for writing a Mongoos

Chirag Mehta 20 Dec 13, 2022
The project integrates workflow engine, report engine and organization authority management background, which can be applied to the development of OA, HR, CRM, PM and other systems. With tlv8 IDE, business system development, testing and deployment can be realized quickly.

介绍 项目集成了工作流引擎、报表引擎和组织机构权限管理后台,可以应用于OA、HR、CRM、PM等系统开发。配合使用tlv8 ide可以快速实现业务系统开发、测试、部署。 后台采用Spring MVC架构简单方便,前端使用流行的layui界面美观大方。 采用组件开发技术,提高系统的灵活性和可扩展性;采

Qian Chen 38 Dec 27, 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

null 5 Mar 26, 2022
This is a simple web app that allows a user add list of tasks that needs to be completed. It is built using webpack and served by a webpack dev server.

TO-DO-LIST "To-do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as compl

Favour Ezeugwa 18 Aug 19, 2022
In this project, we built a simple HTML list of To Do tasks. This simple web page was created using webpack and served by a webpack dev server.

To do list In this project, we built a simple HTML list of To Do tasks. This simple web page was created using webpack and served by a webpack dev ser

Jesús Vázquez 8 Dec 21, 2022
14th project from Driven Full-Stack Web Dev Bootcamp

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

Darlon Gomes 4 Sep 3, 2022
In this project, I build a simple HTML list of To Do tasks. This simple web page will be built using webpack and served by a webpack dev server.

To Do list with Webpack In this project, I build a simple HTML list of To Do tasks. This simple web page will be built using webpack and served by a w

Sidney Kaguli 8 Aug 23, 2022
In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications listed later in this lesson. This simple web page is built using webpack and served by a webpack dev server.

Awesome books:JavaScript Using Modules In this project, I built a simple HTML list of To Do tasks. The list is styled according to the specifications

 Hassan Momanyi 10 Nov 25, 2022
Live demo using Angular, github.dev, codespaces, copilot, azure static web apps, and devcontainers

One More Change! @ NgConf 2022 This is a quick project template for demoing github.dev, Codespaces, Copilot, Azure Static Web Apps, and Visual Studio

John Papa 14 Dec 15, 2022