Raffle App
Pablo J. Amico
Front-end Developer ?? Next ?? React ?? Redux ?? React-Query ?? Javascript?Typescript ?Node ?? Express ??Sequelize ? Firebase ?? Sass ?? Tailwind ??Wordpress ??Xampp ??Docker ?? PostgreSQL
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
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
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!
Front-end Developer ?? Next ?? React ?? Redux ?? React-Query ?? Javascript?Typescript ?Node ?? Express ??Sequelize ? Firebase ?? Sass ?? Tailwind ??Wordpress ??Xampp ??Docker ?? PostgreSQL
1 年https://raffle-app-public.vercel.app/