Raffle App
Fullstack developer: Pablo Amico

Raffle App

Raffle app deploy

Raffle App

Welcome to Raffle App, a simple application to conduct lotteries easily and enjoyably. Make your events exciting by randomly selecting winners from your list of participants!

Features

Load Participants: You can upload a list of participants from a text file (.txt) to quickly include all your contestants.

Draw Winners: Use the draw function to select a random winner from the loaded list of participants.

Winners List: Access a list of previous winners and clear the list whenever you like.

How It Works

Load Participants:

Click on the designated area or drag and drop a text file (.txt) with the names of the participants.

The application will process the list and display it in the corresponding section.

You can upload multiple different files to accumulate participants without overwriting the lists.

Draw Winners:

Click the "Draw" button to select a random winner from the list of participants.

The winner will be highlighted and displayed in a modal with confetti for a festive touch.

Winners List:

Access the list of previous winners by clicking on "Winners List" in the upper right corner.

You can clear the winners' list whenever you like.

Installation

Clone the Repository:

bash

Copy code

git clone https://github.com/pablosecuen/raffle-app

cd lottery-app

Install Dependencies:

bash

Copy code

npm install

Run the Application:

bash

Copy code

npm run dev

The application will run at https://localhost:3000.

Dependencies

React: JavaScript library for building user interfaces.

Next.js: React framework for web applications.

react-dropzone: Drag-and-drop component for files in React.

react-confetti: Confetti effect for special moments.

Sonner: Toast notification library for React.

Contributions

Contributions and suggestions are welcome! If you encounter an issue or have an idea to improve the application, please open an issue or pull request.

Have fun with your lotteries, and may your event be fantastic!

-----------------------------------------------------------------------------------------------------------------------------------------------------------

# Raffle App

Bienvenido/a a Raffle App, una aplicación simple para realizar sorteos de manera fácil y divertida. ?Haz que tus eventos sean emocionantes al seleccionar ganadores al azar de tu lista de participantes!

## Características

- Cargar Participantes: Puedes cargar una lista de participantes desde un archivo de texto (.txt) para incluir rápidamente a todos tus concursantes.

- Sortear Ganadores: Utiliza la función de sorteo para seleccionar a un ganador aleatorio de la lista de participantes cargada.

- Lista de Ganadores: Accede a una lista de ganadores previos y limpia la lista cuando lo desees.

## Cómo Funciona

1. Cargar Participantes:

- Haz clic en el área designada o arrastra y suelta un archivo de texto (.txt) con los nombres de los participantes.

- La aplicación procesará la lista y la mostrará en la sección correspondiente.

- Puedes subir varios archivos diferentes para acumular participantes sin que se sobreescriban las listas.

2. Sortear Ganadores:

- Haz clic en el botón "Sortear" para seleccionar un ganador al azar de la lista de participantes.

- El ganador se destacará y se mostrará en un modal con confeti para darle un toque festivo.

3. Lista de Ganadores:

- Accede a la lista de ganadores anteriores haciendo clic en "Lista de Ganadores" en la esquina superior derecha.

- Puedes limpiar la lista de ganadores cuando lo desees.

## Instalación

1. Clonar el Repositorio:

```bash

git clone https://github.com/pablosecuen/raffle-app.git

cd sorteo-app

Instalar Dependencias:

npm install

Ejecutar la Aplicación:

npm run dev

La aplicación se ejecutará en https://localhost:3000.

Dependencias

React: Biblioteca de JavaScript para construir interfaces de usuario.

Next.js: Framework de React para aplicaciones web.

react-dropzone: Componente de arrastrar y soltar para archivos en React.

react-confetti: Efecto de confeti para momentos especiales.

Sonner: Biblioteca de notificaciones toast para React.

Contribuciones

?Contribuciones y sugerencias son bienvenidas! Si encuentras un problema o tienes una idea para mejorar la aplicación, por favor abre un problema o una solicitud de extracción.

?Diviértete sorteando y que tengas un gran evento!


Pablo J. Amico

Front-end Developer ?? Next ?? React ?? Redux ?? React-Query ?? Javascript?Typescript ?Node ?? Express ??Sequelize ? Firebase ?? Sass ?? Tailwind ??Wordpress ??Xampp ??Docker ?? PostgreSQL

1 年
回复

要查看或添加评论,请登录

Pablo J. Amico的更多文章

  • Interchange Campus Virtual App

    Interchange Campus Virtual App

    Este repositorio contiene el código fuente de una aplicación de Interchange Campus Virtual desarrollada con tecnologías…

    2 条评论
  • Transformando el Comercio de Descanso: Presentamos Nuestra Nueva App E-commerce

    Transformando el Comercio de Descanso: Presentamos Nuestra Nueva App E-commerce

    https://e-commerce-nine-beige.vercel.

    3 条评论
  • Parana Comex Proyect

    Parana Comex Proyect

    # Paraná Comex Welcome to Paraná Comex! We are a company dedicated to International Trade, strategically located in the…

    1 条评论
  • Meduxa Fest Birthday App

    Meduxa Fest Birthday App

    Logo MEDUXA FEST - Invitation to Luli Grassi's Birthday?? Welcome to MEDUXA FEST!?? Description MEDUXA FEST is a…

    2 条评论
  • Prime Hero: Tu aliado en logística (App)??

    Prime Hero: Tu aliado en logística (App)??

    Full Home Screen **Prime Hero: Tu aliado en logística ??** ?Saludos, comunidad de LinkedIn! Me complace presentarles…

  • Web Development - Materia Prima Rosario

    Web Development - Materia Prima Rosario

    Finalizamos el desarrollo de un nuevo proyecto en WordPress acorde a solicitado por el cliente, utilizamos una versión…

  • App de movilidad urbana

    App de movilidad urbana

    ?Bienvenidos a Urban-movi! En Urban-movi, nuestra misión es entregarte el poder de decidir tu medio de transporte…

    2 条评论

社区洞察

其他会员也浏览了