PaintApp

Aplicación de pintura de Python

Una aplicación de pintura básica creada para un JR. Desafío Dev Hackathon

• Instrucciones de hackathon
• Acerca de la aplicación Python Paint
• Características
• Problemas conocidos
• Pila de tecnología
• Despliegue
  • Implementación en el servidor local
  • Desplegando en Python en cualquier lugar
• Sobre el desarrollador
• Capturas de pantalla de demostración
  • Controles básicos
  • Guardar, editar y eliminar
  • Vista y perfiles de la galería

Manifestación:

Demostración en vivo

Instrucciones de hackathon

Aplicación de pintura: convertirse en Bob Ross

Las computadoras han sido una bendición de creatividad e imaginación. El arte digital ha sido, durante décadas, un medio por derecho propio; Y con el advenimiento de las NFT, el futuro podría ser muy brillante para los artistas digitales. Hoy, construiremos una aplicación que permita a sus amigos y seres queridos expresar su lado creativo.

Hoy, su desafío es construir uno de los siguientes:

Solo frontend

Cree una aplicación que permita a las personas expresar su creatividad en un formato visual. Puede crear cualquier aplicación que desee. Ya sea que se trate de un lienzo en blanco en el que puede pintar, una aplicación de edición de fotos, una placa blanca compartida, siempre que cumpla uno o ambos de los siguientes requisitos:

• Como usuario, puedo arrastrar mi mouse por la pantalla para hacer líneas de forma libre.
• Como usuario, puedo hacer clic en áreas de la pantalla con mi mouse para llenarlas con un color, textura o patrón.

Stack Full (opcional)

En términos generales: agregue una función de pila completa que tenga sentido para su aplicación. Los ejemplos incluyen:

• Arte compartible
• Archivos ahorrables
• Perfiles de usuario con galerías de trabajo

Para equipos con diseñadores de UX/UI

¡Una gran bienvenida a nuestra primera cohorte de diseñadores de UX/UI! ¡Sus equipos son muy afortunados de tener la visión y la delicadeza que un diseñador puede traer! Para asegurarse de obtener crédito por su trabajo, incluya sus diseños en un formato compartible (se recomienda PDF, Adobe XD o una Figma pública). El mejor lugar para incluir esto es en la página de destino de la aplicación y en el archivo ReadMe del repositorio de GitHub. Se recomienda que también comparta su trabajo en LinkedIn y Twitter, ya que esto cuenta para contar historias para usted personalmente.

Acerca de

Esta es una aplicación de pintura web simple creada con Django Framework y JavaScript para permitir la interacción con un lienzo JavaScript. El objetivo de este proyecto es completar un desafío JR Dev Hackathon organizado por Mintbean.

Características

Control

• Cepillo simple
• Borrador
• Herramienta de sello de patrones
• Seleccionador de color
• Control deslizante de tamaño de cepillo
• Botón de lienzo claro

Funcionalidad

• Cambiar el tamaño del cepillo/borrador/sello
• Tamaño de las tiendas para cada herramienta
• Almacena color para cada herramienta
• Creación de cuenta de usuario
• Guardar el lienzo en cuenta
• Vista de cuenta
• Ver arte guardado del usuario
• Ver la actividad reciente
• Eliminar arte guardado
• Editar arte previamente guardado

Funcionalidad a agregar

• Formas de cepillo adicionales
• Formas de sello adicionales
• Herramienta de línea/forma
• Herramienta de relleno
• Deshacer/rehacer
• Cargar/pegar imagen
• Guardar como copia

Problemas conocidos

• Vea los problemas para una lista de errores conocidos.

 NOT compatable with Internet Explorer

Pila de tecnología

• Python 3.9
• Django 3.2.8
• Bootstrap CSS 5.0.2
• Bootstrap JS 5.0.2
• jQuery 3.5.1
• FONTAWESUESS 5.15.1
• Google WebFonts
• API de lona

Despliegue

Hay varios recursos para implementar aplicaciones Django. Una de las plataformas más simples es Python Anywhere, que tiene un nivel gratuito. Recomiendo este por lo directo que es.

Implementación en el servidor local:

• Clon una copia del proyecto
• Usando VenV, cree un entorno virtual para el proyecto
• Inicie el entorno virtual y use el "requisitos.txt" para instalar todas las dependientes requeridas, incluida la versión de Django en la que se construyó este proyecto.

 NOTE: From this point, all commands should be run while working in the virtual environment you created

• Desde el símbolo/terminal del sistema, asegurándose de que esté trabajando en el entorno virtual, navegue hasta la carpeta que contiene el proyecto
• Cree un archivo en la carpeta del programa, "PaintApp", llamado ".env"

 NOTE: This next step only works on Python 3.6 or higher:

• Desde el símbolo del sistema/ejecución del terminal:
  • python -c "import secrets; print(secrets.token_urlsafe())"
• Esto generará una clave secreta para el proyecto
• Copie la clave secreta recién creada, abra .env en un editor de código/texto y agregue la siguiente línea (las cotizaciones parecen ser opcionales):
  • SECRET_KEY='*your_secret_key_here*'
• Guarde y cierre el archivo .env
• Ejecute los siguientes comandos para crear y configurar la base de datos:
  • python manage.py makemigrations
  • python manage.py migrate
• Configurar una cuenta de administrador o superusuario es bastante sencillo en la documentación. RECUERDA AL SIGUIENTE ENLACE PARA
  • https://docs.djangoproject.com/en/3.2/intro/tutorial02/#creating-an-admin-user
• ¡Ahora debería estar listo para lanzar su copia local!
• Ejecutar el siguiente comando
  • python manage.py runserver

Desplegando en Python en cualquier lugar:

Las instrucciones de Python Anywhere son muy detalladas y deberían ser suficientes para ayudarlo a poner una copia en funcionamiento.

• https://help.pythonanywhere.com/pages/deployexistingdjangoProject/

Sobre el desarrollador

Perfil de LinkedIn

He estado incursionando en la codificación desde la escuela secundaria, en los días de AOL, geocidades y Angelfire. Pasé unos años como diseñador gráfico y desarrollador web, trabajando principalmente en WordPress para mi desarrollo web. Recientemente decidí hacer el cambio al desarrollo de software y las carreras de Switch. Completé el curso de Python Full Stack en Coding Dojo, ganando un cinturón negro de mi proyecto final que se puede ver aquí:

• Programador de turno de hospital de ER veterinaria

Construí esta aplicación de pintura para un evento de contratación JR Dev Hackathon a través de Mintbean. Para obtener más información sobre cómo creé esta aplicación, el proceso que pasé y los desafíos que tuve que resolver, visite la página de destino de la demostración.

ACTUALIZAR

Los resultados se han publicado y el proyecto me valió un premio Mintbean Star. Para ver esto, vaya a https://hire.mintbean.io, busque mi nombre y mire los detalles en el Proyecto 1

¡Salud!

Capturas de la pantalla de demostración

Controles básicos

Guardar, editar y eliminar

Vista y perfiles de la galería