Je suis toujours impatient lorsque je commande un café, j'ai donc créé une application React pour le résoudre

Aperçu de l'application

Nous avons créé une application qui vous permet de répertorier les boissons et les menus alimentaires des grandes chaînes de cafés telles que Starba et Dotor par magasin.

Le nom du produit et le prix de chaque taille seront affichés, et appuyez sur la ligne pour accéder à la page de détails officielle.

Pourquoi fait

Dans un soi-disant "coffee shop", vous pouvez voir le menu lentement depuis le siège, mais dans le cas de Starba, vous devrez peut-être prendre une décision immédiate devant le caissier **.

Les gens sont alignés derrière moi, et il y a un commis devant moi ...

Dans cette situation, vous ne pouvez pas voir l'intégralité du menu ** et vous avez tendance à passer les mêmes commandes sécurisées qu'auparavant **.

** J'aurais aimé pouvoir le scruter lentement tout en faisant la queue **, alors je l'ai fait.

URL

Cliquez ici pour l'appli

Cliquez ici pour le référentiel

La technologie

Untitled Diagram.png

Tous configurés sur AWS.

(La flèche est le flux de données demandé par l'utilisateur)

l'extrémité avant

Hébergé sur S3 avec SPA par React.

Je pense que la fonction d'hébergement de site statique de S3 est suffisante, mais je passe par Cloudfront pour prendre en charge https.

J'ai utilisé Material-UI pour le framework UI.

Back end

Depuis React, via la fonction API Gateway-> Lambda, json est renvoyé pour les données de menu stockées sur S3.

Les données ne sont récupérées qu'une fois par jour sur le site officiel de chaque chaîne de cafés.

Grattage

Le langage est Python et j'ai utilisé une bibliothèque appelée requests-html.

En parlant de Python, les requêtes et Beautiful soup sont célèbres, mais requests-html semble être une collection de bibliothèques autour de cela et rendues faciles à utiliser.

En fait, je le recommande car il est assez intuitif à utiliser.

Tâche

Pas encore habitué à réagir

C'était ma première application React, donc j'étais souvent confus.

Je voudrais en savoir plus sur les dépendances et l'étendue de la responsabilité de chaque composant, y compris redux.

Valeur en tant que produit

Si vous définissez un idéal approprié, vous pouvez créer autant de services Web que vous le souhaitez, mais les produits pouvant être utilisés par de nombreuses personnes sont rares.

Cette application a été créée à la suite de l'élaboration d'une idée dans le but de "** répondre sûrement aux besoins de quelqu'un, qu'il soit minable ou terne **".

Cependant, je pense qu'il est inévitable que ** peu importe à quel point vous y pensez, vous n'aurez pas une idée précise **.

Quoi qu'il en soit, je vais alléger le jeu de jambes et accumuler de petites vérifications.

Recommended Posts

Je suis toujours impatient lorsque je commande un café, j'ai donc créé une application React pour le résoudre
Les débutants en Python ont créé un chat BOT alors j'ai essayé de résumer comment le faire
J'ai créé une fonction pour découper l'image de python openCV, alors veuillez l'utiliser.
J'ai trébuché lorsque j'ai essayé d'installer Basemap, donc un mémorandum
J'ai essayé de faire un programme pour résoudre (indice) la recherche d'erreur de Saiseriya
Un mémorandum lors de l'acquisition automatique avec du sélénium
J'ai créé un bot Discord en Python qui se traduit quand il réagit
J'ai créé un programme pour vous avertir par LINE lorsque les commutateurs arrivent
Quand je retourne en utilisant le chainer, ça va un peu
J'ai créé une application pour les étrangers visitant le Japon à Hackason et j'ai gagné un prix, mais quand j'y réfléchissais attentivement, c'était inutile
J'ai touché "Orator" alors j'ai fait une note
J'ai fait un script pour afficher des pictogrammes
Dans IPython, quand j'ai essayé de voir la valeur, c'était un générateur, donc je l'ai inventé quand j'étais frustré.
Quand j'ai fait un treemap (graphique de zone) avec python, c'était subtil, donc quand j'ai utilisé fleurir, c'était plutôt bien.
J'ai créé un outil pour informer Slack des événements Connpass et en ai fait Terraform
Quand j'ai essayé de créer un VPC avec AWS CDK mais que je n'ai pas pu le faire
Quand j'ai essayé de créer un environnement virtuel avec Python, cela n'a pas fonctionné
J'ai créé une commande appdo pour exécuter des commandes dans le contexte de l'application
Une histoire à laquelle j'étais accro après la communication SFTP avec python
Notez que j'étais accro à la configuration de TensowFlow
Que faire lorsque matplotlib se fâche contre CentOS en disant "J'utilise Agg donc je ne peux pas émettre de chiffre"
J'ai créé un outil pour compiler nativement Hy
J'ai créé un outil pour obtenir de nouveaux articles
Je souhaite télécharger une application Django sur heroku
J'ai oublié d'utiliser VIM, j'ai donc fait une vidéo pour la mémorisation. 3 vidéos par niveau
Je n'aime pas être frustré par la sortie de Pokemon Go, j'ai donc créé un script pour détecter la sortie et le tweeter