DEV Community

Cover image for Desarrollo de una app web
Fainner Ramírez
Fainner Ramírez

Posted on • Updated on

Desarrollo de una app web

Hace días comencé con un desarrollo de una app web y espero que les de una idea de como es el proceso de desarrollo de una app web

Adopte un plan de desarrollo para esta app.

  1. Idea, características que tendrá la app y modelo de negocio
  2. Diseño de la app - papel y lápiz.
  3. Implementación del diseño de la app. Frontend y Backend
  4. Deploy a producción
  5. Publicidad 😎😉

Parte II - 13/12/2022

Continuando con el desarrollo vamos ahora a pasar la idea a algo visual; es decir con el diseño de la app (lápiz y papel)
les muestro por ahora como vamos.

  • Home: tendrá un filtro y un container de servicios

HomePage app

  • Modal de inicio de sesión: se podrá entrar a la app con usuario/contraseña, facebook y google.

Sign up/in app

por ahora solo llevamos estas dos pantallas luego las pasaremos
a código...El stack a utilizar es react js en el frontend y .net en el backend. Creao que seré exigente con la experiencia de usuario 🧐. por supuesto les mostrará todo este proceso.

16/12/2022
He decido no usar .Net en el backend; sino que utilizaré el framework web "fastAPI" para crear una web api, asi se me hace un poco mas escalable y sostenible el desarrollo y poder manipular mucho mas eficiente la data de mi aplicación.

19/12/2022
Pasando el diseño código, va quedando de esta manera:

Home Page

Frontend Home page
por supuesto esta es una primera versión y esta sometida a cambios en cualquier momento si la considero necesario.

Sign out/ in

Iniciar/registrar sesión

01/01/2023
Para el manejo de autenticación de usuarios se ha usado el software como servicio: SUPABASE(alternativa a firebase). se implementó la funcionalidad de autenticación con link al correo y con cuentas gmail.
ahora se implementará el desarrollo de Storage para las imágenes que subirán los usuarios.

Top comments (0)