6 ideas absurdas para crear su primera aplicación web

¿Necesita algunas ideas para crear una aplicación web sencilla? ¡Estos 6 ejemplos te ayudarán a practicar todas las habilidades clave y a divertirte haciéndolo!

De acuerdo, ya ha aprendido el desarrollo web front-end y ahora está buscando flexionar los músculos de su desarrollador en el próximo gran desafío: aplicaciones web de pila completa. Probablemente tengas muchas ideas de proyectos ambiciosos dando vueltas en tu cabeza. Pero, ¿cómo puede determinar cuáles son razonables con su conjunto de habilidades actual?

Aquí hay 6 ideas inusuales para su primera aplicación web, que lo ayudarán a adquirir experiencia con todos los conceptos básicos del desarrollo web completo. Al final, tendrás un proyecto distintivo que podrás incluir en tu portafolio. Te ayudará a destacar en comparación con todos los proyectos aburridos que todos los demás están construyendo.

Nota: si todavía está aprendiendo HTML / CSS / JS, reuní 8 ideas para practicar solo el front-end.

1. FastFood Guru

La idea: Yelp es una fuente bastante popular de reseñas de restaurantes. Sin embargo, la mayoría de la gente lo usa para aprender sobre restaurantes de los que nunca antes habían oído hablar. ¿Qué pasa con las grandes cadenas de comida rápida como McDonald's y Burger King? Mucha gente va a estos, pero de alguna manera, no son un candidato de revisión popular.

Sí, podría decirme que todos los menús son prácticamente iguales y que la comida siempre sabe igual. Sin embargo, si visitó muchas de estas cadenas de "restaurantes", sabrá que hay algunas cosas que difieren enormemente.

¿Cuál tiene el baño más lujoso? ¿Cuáles marcan el precio de su menú? ¿Cuáles tienen borrachos graciosos a la 1 de la mañana? Este sería un sitio de revisión para aquellas cadenas de comida rápida que supuestamente son consistentes.

Tipo de sitio: Reseñas

Funciones clave:

  • Posibilidad de crear una cuenta con una imagen, nombre de usuario y ubicación.
  • Utilice Google Maps para permitir que un usuario elija un restaurante específico, ya sea buscando una ubicación en el mapa o escribiendo un nombre y eligiendo de una lista (escribir con anticipación)
  • Permitir que el usuario escriba una reseña
  • Permitir al usuario calificar los siguientes temas específicos de comida rápida en una escala de 1 a 5: calidad del baño, personal, limpieza, nivel atrevido en el auto, velocidad de entrega
  • Posibilidad de agregar imágenes a la reseña
  • Diseño receptivo hasta móvil

Decisiones de funciones clave:

  • ¿Es este un sitio web serio o realmente se trata de las cosas divertidas que pueden suceder en un restaurante de comida rápida?
  • ¿Quién usará este sitio? ¿Personas en viajes por carretera tratando de elegir un lugar para almorzar? ¿Visitantes frecuentes de comida rápida que buscan compartir su experiencia?
  • ¿Debería ser una comunidad en la que las personas visiten con frecuencia el sitio en busca de historias divertidas y participen? ¿O más un uso poco frecuente?
  • ¿Qué integración de redes sociales podría ayudar a difundir historias / reseñas?

Qué aprenderá: Los sistemas de usuario y el almacenamiento de imágenes son dos desafíos importantes. Esta será una buena oportunidad para implementar una versión básica de cada uno. Además, si elige hacer de este un sitio orientado al humor, ¿cómo puede su diseño influir en un nivel apropiado de humor que no sea desagradable? Si desea obtener seguidores, esta será una buena prueba para ver dónde podría obtener reseñas actuales de comida rápida para sembrar su base de datos y crear contenido inmediato.

2. GrillBer

La idea: Sí, lo adivinaste. Uber para parrillas. Si vive en una ciudad, es posible que no tenga espacio para una parrilla o un lugar seguro para cerrarla. Por ejemplo, si vive en el piso 20 de un edificio de apartamentos, ¿dónde puede colocar su parrilla?

Problema resuelto con GrillBer, un servicio de entrega para alquiler de parrillas. Esto permitirá a los clientes organizar una comida al aire libre sin ninguna logística. De hecho, es posible que desee incluir un rollo de césped y sillas para que sus clientes puedan crear un parque emergente en un espacio de estacionamiento.

Tipo de sitio: Entrega / Logística

Funciones clave:

  • Formulario que permite a un usuario reservar una parrilla por un cierto número de horas a una determinada tarifa por hora, y lo almacena en una base de datos. El usuario debe ingresar su nombre, dirección, etc.
  • Calendario que muestra diferentes horarios en los que hay parrillas disponibles. Consulte Zipcar para ver un ejemplo de esto.
  • Página de detalles del producto que muestra la parrilla y le brinda más información sobre los diferentes complementos, como sillas y césped.
  • Integración de redes sociales con Instagram que muestra todas las increíbles comidas al aire libre que la gente ha realizado con GrillBer.
  • Un proceso de pago y un sistema de pagos con Stripe para que los usuarios puedan completar el proceso.

Decisiones de funciones clave:

  • Esto no necesita ser visualmente estimulante como Uber. ¿Pero incluso necesita un calendario interactivo genial? ¿O puede salirse con la suya con un formulario básico como un sitio de comercio electrónico?
  • ¿Cuántos problemas en el proceso de asar a la parrilla ofrecerá abordar? ¿Espera que el usuario limpie la parrilla? ¿Son estas las parrillas de carbón más baratas pero más lentas, o las parrillas de gas más caras?
  • Las comidas al aire libre están destinadas a ser una experiencia de bajo estrés. Si la gente tiene que apurarse para cocinar su comida, no será una gran experiencia. ¿Cómo puede utilizar la copia y la microcopia para indicar claramente que este no será un proceso estresante?
  • ¿Qué lógica necesita tener en su back-end para el sistema de reservas? ¿Necesita dejar media hora antes y después para la entrega a la parrilla?

Lo que aprenderá: cómo coordinar el front-end y el back-end de un sistema de reservas. Piense en cuántos sitios hacen esto. Sitios de reserva de restaurantes. Sitios de reserva de salas de conferencias. Hay muchos más. Este es un patrón muy común y un gran logro para tener en su currículum para la discusión.

3. NetworkTap

La idea: las redes sociales son una estrategia publicitaria cada vez más popular. Las empresas utilizan Twitter, Facebook, LinkedIn y Pinterest para llegar a los clientes en medio de la navegación. Sin embargo, hay un espacio sin explotar: la publicación real del usuario.

A los anunciantes les encanta el marketing de boca en boca, y hacer que los usuarios publiquen los anuncios reales sería una excelente manera de confundir a los demás en su suministro de noticias.

Este sitio permitiría a los usuarios que quieran ganar un poco de dinero extra ofrecer información sobre sí mismos y a los anunciantes secuestrar brevemente una publicación con un anuncio. A los usuarios se les paga por vista u otro método. ¡Ahora, los anuncios pueden llegar a los ojos de formas nuevas e innovadoras!

Tipo de sitio: Marketplace

Funciones clave:

  • Los usuarios individuales deben poder crear una cuenta con información como: ubicación, edad, intereses y estado familiar para que los anunciantes puedan elegir a quién quieren publicar sobre su producto.
  • Los anunciantes deben poder crear una cuenta y publicar sobre su identidad de marca y a quién buscan llegar.
  • Cada usuario debe poder comunicarse con un anunciante para hablar sobre su interés en hacer una publicación.
  • Cada anunciante debe poder buscar a todos los usuarios por criterios como edad, género, etc. y enviar un mensaje masivo al grupo demográfico elegido sobre el interés en hacer un anuncio.
  • Los usuarios y anunciantes deben acordar un método de pago: pay-per-like, pay-per-view, pay-per-click u otro.

Decisiones de funciones clave:

  • La funcionalidad de búsqueda será un gran problema para los anunciantes. ¿Cómo representa cada resultado de búsqueda? Es posible que desee utilizar la visualización de datos como Google Analytics.
  • ¿Cómo sacar la mayor cantidad de información posible a los usuarios? ¿Integrarse con una cuenta de redes sociales? ¿Quizás pagarles más en función de la cantidad de información que ofrecen?
  • ¿Qué dinámica de poder hay entre anunciantes y usuarios? ¿Reciben los usuarios información sobre el texto y la imagen del anuncio? ¿O los anunciantes toman todas las decisiones sobre lo que se muestra?
  • La gente no querrá $ 10 a la semana con esto. Probablemente querrán más como $ 100 como mínimo. ¿Cómo puede equilibrar esto con la cantidad de anuncios que probablemente necesitarán mostrar para llegar allí? Nadie quiere contaminar completamente sus noticias.
  • ¿Qué tan astutos quieres que sean los anuncios? ¿Debería ser obvio o debería sentirse más como una publicación auténtica?

Qué aprenderá: Los mercados son otro tipo de sitio muy popular. Éste le permitirá crear dos tipos de cuentas, que es una estructura común. La mensajería dentro de un sitio será una buena habilidad para aprender con este. Echa un vistazo a Fiverr para ver un ejemplo.

4. Reparar mi barco

La idea: es la abreviatura de "Reparar mi relación". Es un foro donde los usuarios pueden publicar sobre sus problemas de relación, y otros pueden intervenir con consejos sobre cómo solucionar sus problemas.

Si ha experimentado las buenas comunidades en sitios como 4chan, Reddit o Bodybuilding.com, entonces sabe que hay muchas personas dispuestas a donar unos minutos de tiempo para ayudar.

Tipo de sitio: Foro

Funciones clave:

  • Un sistema de publicaciones / comentarios similar a Reddit o Quora.
  • Un sistema de votos a favor tanto para publicaciones como para comentarios.
  • Una oportunidad para que el usuario publique lo que realmente intentó con su pareja y los resultados obtenidos.
  • Un sistema de insignias o karma para recompensar a los usuarios que votan frecuentemente
  • Un sistema de cuentas de usuario para aquellos que quieran comentar o publicar, similar a Reddit

Decisiones de funciones clave:

  • ¿Debería ser más anónimo como Reddit o estar vinculado a una cuenta de redes sociales como Quora por credibilidad?
  • Habrá muchos trolls en este sitio. ¿Cómo lo afrontas?
  • ¿Debería esto relacionarse estrictamente con las relaciones románticas? ¿O también amistades?
  • ¿Cómo puede utilizar el sistema de insignias para motivar a los comentaristas especialmente buenos a regresar?

Qué aprenderá: ¡ cómo crear un foro! Además, hay muchas personas que están dispuestas a donar unos minutos de su tiempo para ayudar a desconocidos en Internet que lo necesiten. Seriamente. Su principal desafío es asegurarse de que estos usuarios útiles se sientan recompensados ​​por sus esfuerzos, porque eso los motivará a volver.

5. CatBattles

La idea: los videos de gatos son ... increíblemente populares. Una forma particularmente distintiva de video de gatos es la batalla de aficionados, donde dos gatos se pelean con consecuencias mínimas, pero con muchos maullidos y luchas.

Este sitio permitiría a los usuarios publicar videos de sus gatos luchando y permitiría a los espectadores ofrecer comentarios divertidos. Este sitio tampoco permitiría batallas de gatos profesionales o peleas con fines espantosos. Es estrictamente para entretenimiento informal, no para violaciones de los derechos de los animales.

Tipo de sitio: contenido de video

Funciones clave:

  • Cualquiera puede subir un video de gatos
  • Los usuarios pueden crear una cuenta anónima y agregar comentarios.
  • Una captura de pantalla de cada gato en el que el usuario hace clic para adivinar el vencedor antes de que comience la pelea.
  • Upvotes para mejores videos y mejores comentarios
  • La capacidad de informar videos maliciosos o que parecen estar en escena

Decisiones de funciones clave:

  • ¿Por qué alguien publicaría su video de pelea de gatos aquí en lugar de Reddit o YouTube? Necesita agregar un par de características para distinguirlo de estos sitios.
  • ¿Cómo puede hacer que este sitio sea popular entre la comunidad de amantes de los gatos? Los amantes de los gatos no disfrutan de la violencia, pero disfrutan del humor felino.
  • ¿Debería este sitio duplicar la dinámica de Hot or Not? ¿Cómo puede crear una experiencia de visualización única para el espectador que vaya más allá de YouTube? ¿Quizás una jugada por jugada de la pelea que se registra cuando los usuarios publican?

Qué aprenderá: Almacenar videos en una base de datos es una buena habilidad para aprender. Además, replicar la dinámica de YouTube será una buena práctica que otros entenderán claramente. Obtener el tono de humor correcto en el sitio también sería un buen desafío.

6. CouponBank

La idea: hay muchos sitios que permiten a las personas intercambiar cupones uno por uno. Pero, ¿qué pasa con la "cola larga" de los cupones? En otras palabras, cupones raros u oscuros que podrían no ser populares en un sitio de cupones más convencional. ¿Y si la otra persona no tiene el cupón que deseas? Los cupones son básicamente dinero, de todos modos.

Necesita un banco para manejar este desajuste en el mercado. Este banco pediría un depósito inicial de $ 20, digamos. Luego, cada cupón que solicite se debitará de su cuenta. Se acreditará cualquier cupón que pueda regalar con éxito.

Tipo de sitio: préstamos de igual a igual

Funciones clave:

  • Los usuarios deben poder crear una cuenta y luego depositar $ 20 en depósito en garantía, que se pueden retirar en cualquier momento. Esto es una garantía. Puede utilizar Stripe para procesar esta transacción.
  • Los usuarios pueden cargar una foto de un cupón. El sitio debe entonces determinar automáticamente el producto y el monto del cupón. Debe avisar al usuario si no puede resolverlo. La API de Cloud Vision de Google debería ayudar con esto.
  • Cuando un usuario solicita un cupón, el cartel original debe enviárselo por correo. El monto del cupón se acredita a la cuenta del autor original y se carga en la cuenta del solicitante.
  • Una vez que la cuenta de alguien alcanza los $ 0, no pueden solicitar más cupones hasta que intercambien algunos o agreguen más dinero.
  • El sitio genera ingresos tomando un pequeño porcentaje de cada transacción.

Decisiones de funciones clave:

  • ¿Cómo puede hacer que esto sea lo más fácil posible para cargar una gran cantidad de cupones? La API de Cloud Vision sería un gran problema para esto.
  • ¿Cómo puede hacer que esto sea lo más fácil posible para que la gente envíe los cupones? El usuario estaría agotado si necesita enviar muchos cupones por correo.
  • ¿Cómo puede hacer que el proceso de búsqueda sea lo más fácil posible? ¿Qué pasaría si alguien pudiera cargar un recibo y usted puede verificar si hay cupones disponibles para los artículos de la lista?

Qué aprenderá: Este abarca algunos conceptos clave de préstamos entre pares, aunque con un perfil de riesgo mucho menor. Esta es una gran prueba de su atención a la experiencia del usuario. Hay millones de personas en los EE. UU. Que tienen tiempo de sobra y buscan una manera fácil de ganar un poco de dinero extra. ¿Cómo puede hacer que su sitio sea una excelente opción para esto?

Se creativo

No se sienta obligado a construir los mismos proyectos que todos los demás. Es extremadamente difícil obtener una ventaja competitiva en el resto del mercado cuando estás imitando.

Incluso si una de estas sugerencias no lo ayuda, debe considerar la construcción de proyectos que puedan crear un poco de personalidad y distinguirse de todos los demás.

Como dice Seth Godin, “En un mercado abarrotado, encajar es un fracaso. En un mercado ajetreado, no destacar es lo mismo que ser invisible ".

¿Disfrutaste esto? ¡Dale un me gusta y házmelo saber en los comentarios!

Además, si está buscando tutoriales de codificación visualizados que simplifiquen HTML, CSS y JavaScript, suscríbase a mi boletín aquí: