(1/12) Je lance 6 startups en 12 mois

Le premier mois du sprint de 12 mois pour développer 6 startups.

Pour ma première startup, j'ai décidé de plonger tête première dans deux nouvelles technologies. React Native & Firebase. Ce sont deux concepts fantastiques avec lesquels je voulais jouer depuis très longtemps, mais je n'ai jamais eu la chance de le faire! J'ai pensé à utiliser Django pour créer un backend en remplacement de Firebase mais j'ai finalement décidé que le temps de développement et de maintenance pourrait être trop pour le temps limité dont je dispose.

Qu'est-ce que je construis?

Je vais créer une simple application «assistant de rêve lucide». Il aura deux fonctionnalités, un journal de rêve et des notifications planifiées pour des `` vérifications de réalité ''. Un journal de rêve est tout simplement un journal dans lequel vous enregistrez vos rêves. Sérieusement. C'est assez simple. Il vous aide à vous souvenir de vos rêves futurs et vous permet de repérer les tendances possibles dans vos rêves. Cela permet à l'utilisateur de remarquer plus facilement qu'il pourrait rêver. Les «contrôles de réalité» sont l'acte de remettre en question littéralement votre existence en ce moment. L'utilisateur est parfois averti d'effectuer une vérification de la réalité, où l'utilisateur tentera simplement de pousser son index à travers ses paumes et de se demander en détail s'il rêve ou non. Cela peut sembler idiot, pourquoi aurais-je besoin de savoir si je rêve alors que je suis évidemment dans la réalité? Eh bien, une fois que vous commencez à faire ces vérifications souvent, cela devient une habitude. Vos rêves copient assez souvent ce qui se passe dans la vie réelle, de sorte que vos habitudes se reproduisent également. Vous vous demanderez si vous rêvez dans vos rêves. À quel point cela est cool? Lorsque vous essayez de pousser votre doigt dans votre paume, votre doigt le traversera. Cet acte déclenchera le train de pensées qui vous amènera à réaliser que vous rêvez!

Semaine un

J'ai commencé par la forme sur la fonction, car j'avais déjà une vision claire de la fonction de cette application. C'est incroyablement simple, deux fonctions. Le premier et le plus ciblé sera un journal de rêve avec un simple «écran» d'analyse / réflexion. Cela vous permettra non seulement de consigner vos rêves, mais aussi de réfléchir et d'analyser leur signification pour développer davantage la séparation entre le monde physique et les emplacements que nous créons dans notre esprit. La deuxième fonction est une notification simple, configurable et planifiée qui déclenchera une «vérification de la réalité». Ces vérifications de réalité deviendront une habitude et vous commencerez à les essayer dans vos rêves.

J'ai commencé à concevoir en utilisant Sketch, en concevant d'abord pour l'iPhone X.

Nommez HEAVILY work in progress.

J'ai commencé avec le processus d'intégration, en passant de l'écran «Bienvenue» aux vues d'inscription / connexion, puis une section d'animation tutoriel / introduction. Pour créer les animations pour l'intégration, je vais utiliser Haiku, il vous permet d'importer vos fichiers Sketch, d'appliquer des animations et d'exporter au code. Pour une version bêta, il prend en charge une quantité surprenante d'options d'exportation, des cadres comme React Vue et React Native. Il prend également en charge les exportations HTML / CSS / JS et iOS et Android.

Deuxième semaine

J'ai commencé le processus de collecte de mes exportations de Supernova et de création de mon application, en la connectant à Firebase. Cependant, il y avait quelques problèmes avec l'exportation, ce qui a rendu l'application réelle presque inutile.

Un écran de connexion cassé, après 2 heures de correctifs

Ceci est mon écran de connexion, après 1 à 2 heures de corrections et de réglages. Je ne suis pas un développeur JavaScript natif, alors prenez cela avec une pincée de sel, mais les exportations créées par Supernova étaient inutilisables sans ajustement visuel incroyable. Du texte manquait, des icônes manquaient, l'arrière-plan était mal aligné, au moins la navigation fonctionnait. J'avais de grands espoirs pour Supernova, en particulier en regardant les exportations natives dans le simulateur et en voyant une réplication 1: 1 de mes conceptions Sketch dans le simulateur. Il semble que les exportations React Native ne soient tout simplement pas à la hauteur d'une exportation native.

J'ai également commencé à travailler sur la page de destination de l'application, qui sera hébergée sur mon application Firebase, à l'aide de Firebase Hosting.

Maquette pour la page de destination de l'application

J'ai commencé par regarder l'inspiration de Dribble et Hyperpixel, les mises en page de brainstorming et comment je peux utiliser les couleurs de mes marques à mon avantage. Sketch vous permet de copier-coller des attributs CSS / du code SVG d'éléments dans vos conceptions. J'ai simplement copié le CSS dégradé de mon symbole d'arrière-plan, et juste comme ça, j'avais les bases et les couleurs de mon site Web. J'ai décidé d'ajouter une ligne de héros pleine largeur, qui constituera la base des détails sur l'application. J'ai l'intention de dessiner des graphiques et de les animer dans Haiku, puis de les exporter pour les utiliser comme images animées en haut de chaque colonne / fonctionnalité.

Semaine 3

La semaine 3 a été incroyablement chargée pour moi, en dehors de ce projet. Je n'ai donc pas fait grand chose tout au long de la semaine. Cependant, j'ai décidé de supprimer complètement mes exportations Supernova.io React Native et de recommencer à zéro. J'ai passé des heures à déboguer du code JS moins qu'acceptable que Supernova a généré. J'annulerai mon abonnement Supernova dès que possible (à chaque fois que j'annule, cela me donne un popup me disant que je peux annuler la semaine prochaine! Merci Supernova). J'avais parcouru Github pour de meilleures solutions à mes problèmes et j'ai trouvé pas mal de bibliothèques qui m'aideront à réaliser ce que je cherche à faire.

Tout est nouveau!

J'ai passé quelques heures à recréer l'application à partir de zéro, sans aucun code généré. Chose choquante, presque tout s'est déroulé comme prévu. J'avais réussi à implémenter la navigation de base et les éléments UI / UX, recréant avec succès le processus d'intégration à partir de zéro. Cela a fait des kilomètres absolus pour ma confiance à long terme et a vraiment remonté le moral.

L'application entière a un aspect et une sensation (presque) nouveaux. La qualité et la robustesse semblent beaucoup plus fortes que celles des exportations Supernova.

Travail strictement en cours

La page de destination a eu un peu de retouche, avec un nouveau motif de fond et une copie. Bientôt, il comportera une maquette animée d'iPhone X dans la colonne de droite, présentant l'application et toutes ses fonctionnalités!

Semaine 4

Mise à jour de Supernova! Je n'ai pas pu annuler mon abonnement Supernova, chaque fois que j'essayais de changer mon plan en «gratuit», je faisais face à un message disant que cette «fonctionnalité» viendrait la semaine prochaine. C'est un message ambigu, car je suis dans la semaine suivant la fin de mon cycle de facturation, mais je ne peux toujours pas annuler? J'ai dû envoyer un e-mail aux fondateurs au sujet de l'annulation de mon plan (bien qu'ils aient répondu presque immédiatement! Bon support!).

S'éloignant du comportement plutôt décevant de Supernova (en général), j'avais enfin ajouté Firebase à l'application! Vous pouvez maintenant créer des comptes, vous y connecter et vous déconnecter, mon chou! Il s'agit d'un tremplin assez important dans Firebase, car c'est ma première fois que je "plonge mes orteils" pour ainsi dire (et encore moins ma première fois en déployant JavaScript). J'ai également commencé à envoyer des notifications aux appareils et aux capacités CRUD pour le journal. Il y avait un peu une courbe d'apprentissage pour les notifications et Firestore, mais j'espère que je pourrai passer à travers ces deux et vraiment me concentrer sur plus d'éléments d'interface utilisateur et de polissage au cours des prochaines semaines.

Cette semaine, j'ai également acheté un nom de domaine, daydreamapp.co, et je l'ai connecté à Firebase. Qui aurait cru que l'application subirait un autre changement de nom? Vous pouvez désormais accéder à la page de destination à l'aide de cette URL, et bientôt vous pourrez également télécharger l'application à partir de là. Mon objectif plein d'espoir pour ces 6 startups, est d'avoir un domaine et une page de destination pour chacun.

Comme vu ci-dessous, j'ai également implémenté Firestore dans l'application. Toutes les données pertinentes sont maintenant extraites de Firestore (de la collection spécifique à l'utilisateur) et dans l'application. L'interface utilisateur est incroyablement WIP, car je voulais simplement mettre quelque chose sur la page. Ma vision des entrées est qu'elles commenceront par vous montrer le titre, une description tronquée et la date du rêve, mais vous pouvez cliquer sur un bouton de développement pour déployer les informations supplémentaires, telles que la note, le type de rêve et rêve significations données.

Données lues depuis Firestore

Emballer!

J'ai appris énormément ce mois-ci, non seulement en ce qui concerne la programmation, mais aussi en ce qui me concerne. J'ai l'impression que chaque jour que je passe à travailler sur ce projet, j'ai moins envie de tergiverser avec d'autres tâches. Dans l'ensemble, je suis incroyablement satisfait de l'état de l'application depuis le redémarrage complet. Il s'est avéré être vraiment précieux et a créé d'excellentes expériences d'apprentissage. J'ai vraiment hâte de publier cette application, et je vais peut-être aussi la placer sur l'Android Store, en plus de l'App Store iOS.

Ce mois-ci, mes dépenses totales étaient de 55 $, étant l'abonnement (très regretté) et le nom de domaine Supernova.

Lisez la partie 2 ici.

Vous souhaitez télécharger l'application? Visitez daydreamapp.co et téléchargez maintenant!