6 idées absurdes pour créer votre première application Web

Besoin de quelques idées pour créer une application Web simple? Ces 6 exemples vous aideront à pratiquer toutes les compétences clés et à vous amuser à le faire!

D'accord, vous avez déjà appris le développement Web frontal, et vous cherchez maintenant à faire travailler vos développeurs sur le prochain grand défi: les applications Web complètes. Vous avez probablement de nombreuses idées de projets ambitieux dans votre tête. Mais comment pouvez-vous déterminer ce qui est raisonnable compte tenu de vos compétences actuelles?

Voici 6 idées inhabituelles pour votre première application Web, qui vous aideront à acquérir de l'expérience avec tous les concepts de base du développement Web full-stack. À la fin, vous aurez un projet distinctif que vous pourrez inclure dans votre portefeuille. Cela vous aidera à vous démarquer par rapport à tous les projets ennuyeux que tout le monde construit.

Remarque: si vous apprenez encore HTML / CSS / JS, j'ai rassemblé 8 idées pour pratiquer uniquement le front-end.

1. FastFood Guru

L'idée: Yelp est une source très populaire de critiques de restaurants. Cependant, la plupart des gens l'utilisent pour se renseigner sur des restaurants dont ils n'avaient jamais entendu parler auparavant. Qu'en est-il des chaînes de restauration rapide comme McDonald's et Burger King? Beaucoup de gens y vont, mais d'une manière ou d'une autre, ils ne sont pas un candidat à la critique populaire.

Oui, vous pourriez me dire que chaque menu est à peu près le même et que la nourriture a toujours le même goût. Cependant, si vous avez visité plusieurs de ces chaînes de «restaurants», vous savez que certaines choses diffèrent énormément.

Laquelle a la salle de bain la plus luxueuse? Lesquels majorent les prix de leur menu? Lesquels ont des ivrognes drôles à 1h du matin? Ce serait un site d'examen pour ces chaînes de restauration rapide qui sont censées être cohérentes.

Type de site: Avis

Fonctions clés:

  • Possibilité de créer un compte avec une photo, un nom d'utilisateur et un emplacement
  • Utilisez Google Maps pour permettre à un utilisateur de choisir un restaurant spécifique, soit en recherchant un emplacement sur la carte, soit en tapant un nom et en choisissant dans une liste (tête de frappe)
  • Autoriser l'utilisateur à rédiger un avis
  • Permettre à l'utilisateur d'évaluer les sujets spécifiques de restauration rapide suivants sur une échelle de 1 à 5: qualité de la salle de bain, personnel, propreté, niveau impertinent au volant, vitesse de livraison
  • Possibilité d'ajouter des photos à l'examen
  • Conception réactive jusqu'au mobile

Décisions sur les principales caractéristiques:

  • Est-ce un site Web sérieux, ou s'agit-il vraiment des choses amusantes qui peuvent se produire dans un fast-food?
  • Qui utilisera ce site? Les gens en roadtrip essaient de choisir un lieu de déjeuner? Les visiteurs fréquents de la restauration rapide qui souhaitent partager leur expérience?
  • Devrait-il s'agir d'une communauté où les gens consultent fréquemment le site pour des histoires amusantes et participent? Ou une utilisation plus ponctuelle et peu fréquente?
  • Quelle intégration des médias sociaux pourrait aider à diffuser des histoires / critiques?

Ce que vous apprendrez: Les systèmes utilisateur et le stockage d'images sont deux défis majeurs. Ce sera une bonne occasion d'implémenter une version de base de chacun. De plus, si vous choisissez d'en faire un site axé sur l'humour, comment votre conception peut-elle influencer un niveau d'humour approprié qui n'est pas méchant? Si vous voulez gagner une suite, ce sera un bon test pour voir où vous pourriez être en mesure de trouver des critiques de restauration rapide actuelles pour semer votre base de données et créer du contenu immédiat.

2. GrillBer

L'idée: Oui, vous l'avez deviné. Uber pour les grillades. Si vous vivez dans une ville, vous n'avez peut-être pas l'espace pour un gril ou un endroit sûr pour le verrouiller. Par exemple, si vous habitez au 20e étage d'un immeuble, où pouvez-vous mettre votre gril?

Problème résolu avec GrillBer, un service de livraison pour la location de grillades. Cela permettra aux clients de mettre en place un barbecue sans aucune logistique. En fait, vous voudrez peut-être inclure un rouleau de gazon et des chaises pour que vos clients puissent créer un parc éphémère dans une place de parking!

Type de site: Livraison / Logistique

Fonctions clés:

  • Formulaire qui permet à un utilisateur de réserver un barbecue pendant un certain nombre d'heures à un certain taux horaire, et le stocke dans une base de données. L'utilisateur doit saisir son nom, son adresse, etc.
  • Calendrier indiquant les différentes heures de disponibilité des grils. Consultez Zipcar pour un exemple de cela.
  • Page de détails du produit qui montre le gril et vous en dit plus sur les différents modules complémentaires, comme les chaises et le gazon.
  • Intégration des médias sociaux avec Instagram qui montre tous les superbes plats que les gens ont organisés avec GrillBer.
  • Un processus de paiement et un système de paiement avec Stripe pour que les utilisateurs puissent terminer le processus.

Décisions sur les principales caractéristiques:

  • Cela n'a pas besoin d'être visuellement stimulant comme Uber. Mais a-t-il même besoin d'un calendrier interactif sympa? Ou pouvez-vous vous en sortir avec un formulaire de base comme un site de commerce électronique?
  • À combien de difficultés dans le processus de cuisson allez-vous vous proposer de remédier? Attendez-vous que l'utilisateur nettoie le gril? S'agit-il des barbecues au charbon moins chers mais plus lents, ou des barbecues au gaz plus chers?
  • Les Cookouts sont censés être une expérience sans stress. Si les gens doivent se dépêcher de cuisiner leur nourriture, ce ne sera pas une expérience formidable. Comment pouvez-vous utiliser la copie et la microcopie pour indiquer clairement comment ce ne sera pas un processus stressant?
  • Quelle logique avez-vous besoin d'avoir sur votre back-end pour le système de réservation? Devez-vous prévoir une demi-heure avant et après la livraison du gril?

Ce que vous apprendrez: comment coordonner le front-end et le back-end d'un système de réservation. Pensez au nombre de sites qui font cela. Sites de réservation de restaurants. Sites de réservation de salles de conférence. Il y en a beaucoup plus. C'est un modèle très courant, et une grande réussite à avoir sur votre CV pour discussion.

3. NetworkTap

L'idée: les médias sociaux sont une stratégie publicitaire de plus en plus populaire. Les entreprises utilisent Twitter, Facebook, LinkedIn et Pinterest pour atteindre les clients en cours de navigation. Cependant, il y a un espace inexploité: la publication réelle de l'utilisateur.

Les annonceurs adorent le marketing de bouche à oreille, et demander aux utilisateurs de publier eux-mêmes les annonces serait un excellent moyen de confondre les autres dans leur fil d'actualité!

Ce site permettrait aux utilisateurs qui souhaitent gagner un peu plus d'argent de fournir des informations sur eux-mêmes, et aux annonceurs de détourner brièvement un message avec une annonce. Les utilisateurs sont payés à la vue ou selon une autre méthode. Désormais, les publicités peuvent atteindre les globes oculaires de manière nouvelle et innovante!

Type de site: Marketplace

Fonctions clés:

  • Les utilisateurs individuels doivent être en mesure de créer un compte avec des informations telles que: l'emplacement, l'âge, les intérêts et la situation familiale afin que les annonceurs puissent choisir qui ils souhaitent publier sur leur produit.
  • Les annonceurs doivent être en mesure de créer un compte et de publier sur l'identité de leur marque et sur les personnes qu'ils souhaitent toucher.
  • Chaque utilisateur doit pouvoir contacter un annonceur pour lui faire part de son intérêt à publier un message.
  • Chaque annonceur doit être en mesure de rechercher tous les utilisateurs en fonction de critères tels que l'âge, le sexe, etc. et d'envoyer un message de masse au groupe démographique choisi sur l'intérêt de faire une annonce.
  • Les utilisateurs et les annonceurs doivent convenir d'un mode de paiement: pay-per-like, pay-per-view, pay-per-click ou autre.

Décisions sur les principales caractéristiques:

  • La fonctionnalité de recherche sera un gros problème pour les annonceurs. Comment représentez-vous chaque résultat de recherche? Peut vouloir utiliser la visualisation de données comme Google Analytics.
  • Comment tirer le meilleur parti des utilisateurs? Intégration avec un compte de réseau social? Peut-être les payer davantage en fonction de la quantité d'informations qu'ils offrent?
  • Quelle dynamique de pouvoir existe-t-il entre les annonceurs et les utilisateurs? Les utilisateurs reçoivent-ils des informations sur le texte et l'image de l'annonce? Ou est-ce que les annonceurs prennent toutes les décisions sur ce qui est diffusé?
  • Les gens ne voudront pas de 10 $ par semaine. Ils voudront probablement plus de 100 $ au minimum. Comment pouvez-vous équilibrer cela avec le nombre d'annonces qu'ils devront probablement diffuser pour y arriver? Personne ne veut polluer complètement son fil d'actualité.
  • À quel point voulez-vous que les publicités soient sournoises? Devrait-il être évident ou devrait-il ressembler davantage à un message authentique?

Ce que vous apprendrez: Les marchés sont un autre type de site très populaire. Celui-ci vous permettra de créer deux types de comptes, ce qui est une structure courante. La messagerie au sein d'un site sera une bonne compétence à apprendre avec celui-ci. Consultez Fiverr pour un exemple.

4. Réparer mon vaisseau

L'idée: c'est l'abréviation de «Repair My Relationship». C'est un forum où les utilisateurs peuvent publier sur leurs problèmes relationnels, et d'autres peuvent intervenir avec des conseils sur la façon de résoudre leurs problèmes.

Si vous avez expérimenté les bonnes communautés sur des sites comme 4chan, Reddit ou Bodybuilding.com, vous savez qu'il y a beaucoup de gens prêts à donner quelques minutes pour vous aider.

Type de site: Forum

Fonctions clés:

  • Un système de publication / commentaire similaire à Reddit ou Quora.
  • Un système de vote pour les messages et les commentaires
  • Une opportunité pour l'utilisateur de publier ce qu'il a réellement essayé avec son proche et les résultats qui en ont découlé
  • Un système de badges ou de karma pour récompenser les utilisateurs fréquemment votés
  • Un système de compte utilisateur pour ceux qui veulent commenter ou publier, similaire à Reddit

Décisions sur les principales caractéristiques:

  • Cela devrait-il être plus anonyme comme Reddit ou lié à un compte de réseau social comme Quora pour plus de crédibilité?
  • Il y aura plein de trolls sur ce site. Comment gères-tu cela?
  • Cela devrait-il strictement concerner les relations amoureuses? Ou des amitiés aussi?
  • Comment pouvez-vous utiliser le système de badges pour motiver particulièrement les bons commentateurs à revenir?

Ce que vous apprendrez: Comment créer un forum! De plus, il y a beaucoup de gens qui sont prêts à donner quelques minutes de leur temps pour aider les étrangers Internet dans le besoin. Sérieusement. Votre principal défi est de vous assurer que ces utilisateurs utiles se sentent récompensés pour leurs efforts, car cela les motivera à revenir.

5. CatBattles

L'idée: les vidéos de chats sont… incroyablement populaires. Une forme particulièrement distinctive de vidéo de chat est la bataille amateur, où deux chats se battent avec des conséquences minimes, mais beaucoup de miaulements et de lutte.

Ce site permettrait aux utilisateurs de publier des vidéos de la lutte de leurs chats, et permettrait aux téléspectateurs d'offrir des commentaires amusants. Ce site ne permettrait pas non plus les combats de chats professionnels ou les combats aux fins horribles. C'est strictement pour le divertissement occasionnel, pas pour les violations des droits des animaux.

Type de site: Contenu vidéo

Fonctions clés:

  • Tout le monde peut télécharger une vidéo de chat
  • Les utilisateurs peuvent créer un compte anonyme et ajouter des commentaires.
  • Une capture d'écran de chaque chat sur lequel l'utilisateur clique pour deviner le vainqueur avant le début du combat
  • Des votes positifs pour les meilleures vidéos et les meilleurs commentaires
  • La possibilité de signaler des vidéos malveillantes ou celles qui semblent être mises en scène

Décisions sur les principales caractéristiques:

  • Pourquoi quelqu'un publierait-il sa vidéo de combat de chat ici plutôt que Reddit ou YouTube? Vous devez ajouter quelques fonctionnalités pour le distinguer de ces sites.
  • Comment pouvez-vous rendre ce site populaire au sein de la communauté des amoureux des chats? Les amoureux des chats n'aiment pas la violence, mais ils apprécient l'humour des chats.
  • Ce site devrait-il reproduire la dynamique de Hot or Not? Comment pouvez-vous créer une expérience visuelle unique pour le spectateur qui va au-delà de YouTube? Peut-être un jeu par jeu du combat qui est enregistré lorsque les utilisateurs publient?

Ce que vous apprendrez: stocker des vidéos dans une base de données est une bonne compétence à apprendre. En outre, reproduire la dynamique de YouTube sera une bonne pratique que d'autres comprendront clairement. Obtenir le ton de l'humour directement sur le site serait également un bon défi.

6. CouponBank

L'idée: il existe de nombreux sites qui permettent aux gens d'échanger des coupons un pour un. Mais qu'en est-il de la «longue traîne» des coupons? En d'autres termes, des coupons rares ou obscurs qui pourraient ne pas être populaires sur un site de coupons plus grand public. Et si l'autre personne n'a pas de coupon que vous désirez? De toute façon, les coupons sont essentiellement de l'argent.

Vous avez besoin d'une banque pour gérer cette discordance sur le marché. Cette banque demanderait un dépôt initial de 20 $, disons. Ensuite, chaque coupon que vous demandez sera débité de votre compte. Tout coupon que vous êtes en mesure de donner avec succès sera crédité.

Type de site: prêts entre pairs

Fonctions clés:

  • Les utilisateurs doivent pouvoir créer un compte, puis déposer 20 $ en séquestre qui peut être retiré à tout moment. C'est une garantie. Vous pouvez utiliser Stripe pour traiter cette transaction.
  • Les utilisateurs peuvent télécharger une photo d'un coupon. Le site doit alors déterminer automatiquement le produit, et le montant du coupon. Il doit inviter l'utilisateur s'il ne peut pas le comprendre. L'API Cloud Vision de Google devrait vous aider.
  • Lorsqu'un utilisateur demande un coupon, l'affiche originale doit lui l'envoyer par la poste. Le montant du coupon est crédité sur le compte de l'affiche d'origine et débité du compte du demandeur.
  • Une fois que le compte d'une personne atteint 0 $, elle ne peut plus demander de coupons tant qu'elle n'en échangera pas elle-même ou n'aura pas ajouté d'argent.
  • Le site génère des revenus en prenant un petit pourcentage de chaque transaction.

Décisions sur les principales caractéristiques:

  • Comment pouvez-vous rendre cela aussi simple que possible pour télécharger un grand nombre de coupons? L'API Cloud Vision serait un gros problème pour cela.
  • Comment pouvez-vous rendre cela aussi facile que possible pour que les gens envoient les coupons? L'utilisateur serait épuisé s'il avait besoin d'envoyer de nombreux coupons par courrier.
  • Comment pouvez-vous rendre le processus de recherche aussi simple que possible? Et si quelqu'un pouvait télécharger un reçu et que vous pouviez vérifier s'il y a des coupons disponibles pour les articles de la liste?

Ce que vous apprendrez: celui-ci englobe quelques concepts clés de prêts entre particuliers, bien qu'avec un profil de risque beaucoup plus faible. C'est un excellent test de votre attention à l'expérience utilisateur. Il y a des millions de personnes à travers les États-Unis qui ont du temps à perdre et qui recherchent un moyen facile de gagner quelques dollars de plus. Comment pouvez-vous faire de votre site une excellente option pour cela?

Faire preuve de créativité

Ne vous sentez pas obligé de construire les mêmes projets que tout le monde. Il est extrêmement difficile d'avoir un avantage concurrentiel sur le reste du marché lorsque vous imitez.

Même si l'une de ces suggestions ne vous aide pas, vous devriez envisager de construire des projets qui peuvent créer un peu de personnalité et vous distinguer de tous les autres.

Comme le dit Seth Godin, «Dans un marché bondé, s'intégrer est un échec. Dans un marché occupé, ne pas se démarquer équivaut à être invisible. »

Avez-vous apprécié cela? Donnez-lui un like et faites-le moi savoir dans les commentaires!

De plus, si vous recherchez des didacticiels de codage visualisés qui simplifient HTML, CSS et JavaScript, inscrivez-vous à ma newsletter ici: