(1/12) Za 12 měsíců zahajuji 6 startů

První měsíc dvanáctiměsíčního sprintu vyvinul 6 startů.

Pro své první spuštění jsem se rozhodl ponořit hlavu nejprve do dvou nových technologií. Reagovat Native & Firebase. To jsou dva fantastické koncepty, s nimiž jsem chtěl hrát neuvěřitelně dlouhou dobu, ale nikdy jsem neměl šanci! Přemýšlel jsem o použití Django k vytvoření backendu jako náhrady Firebase, ale nakonec jsem se rozhodl, že čas na vývoj a údržbu může být příliš omezený na omezený časový rámec, který mám.

Co buduji?

Vytvořím jednoduchou aplikaci „lucid snive assistant“. Bude mít dvě funkce, vysněný deník a naplánovaná oznámení pro „kontroly reality“. Časopis snů je prostě časopis, ve kterém si zapisujete své sny. Vážně. Je to docela jednoduché. Pomáhá s vaší vzpomínkou na vaše budoucí sny a umožňuje vám zaznamenat možné trendy ve vašich snech. To usnadňuje uživateli všimnout si, že by mohli snít. 'Kontroly reality' jsou aktem doslova doslova zpochybňování vaší existence právě teď. Uživatel je občas informován, aby provedl kontrolu reality, kde se uživatel jednoduše pokusí protlačit ukazováček jejich dlaněmi a důkladně si položit otázku, zda sní nebo ne. Může to znít hloupě, proč bych měl vědět, jestli snil, když jsem očividně ve skutečnosti? Jakmile začnete tyto kontroly provádět často, stává se to zvykem. Vaše sny často kopírují to, co se děje ve skutečném životě, takže vaše zvyky se také zkopírují. Budete se ptát, zda sníte ve svých snech. Jak je to v pohodě? Když se pokusíte protlačit prstem dlaní, projde prstem. Tento akt spustí sled myšlenek, který vás vede k uvědomění si, že sníte!

První týden

Začal jsem od formy přes funkci, protože už jsem měl jasnou představu o funkci této aplikace. Je to neuvěřitelně jednoduché, dvě funkce. Prvním a nejvíce zaměřeným tématem bude vysněný deník s jednoduchou analýzou / reflexí „obrazovky“. To vám umožní nejen protokolovat své sny, ale také odrážet a analyzovat jejich význam pro další rozvoj oddělení mezi fyzickým světem a místy, která vytváříme v naší mysli. Druhou funkcí je jednoduché, konfigurovatelné a naplánované oznámení, které spustí „kontrolu reality“. Tyto kontroly reality se začnou stávat zvykem a vy si je vyzkoušíte ve svých snech.

Začal jsem navrhovat pomocí aplikace Sketch, nejprve pro iPhone X.

Název HEAVILY work in progress.

Začal jsem s procesem nastupování, od úvodní obrazovky až po zobrazení přihlášení / přihlášení, poté animovanou část tutoriálu / úvod. Pro vytvoření animací pro palubní vstup, budu používat Haiku, to vám umožní importovat vaše soubory Skica, aplikovat animace a exportovat do kódu. U verze beta podporuje překvapivé množství možností exportu, rámce jako React Vue a React Native. Podporuje také export HTML / CSS / JS a iOS a Android.

Druhý týden

Začal jsem proces shromažďování exportů ze Supernovy a vytváření aplikace a připojení k Firebase. Nicméně, tam byly některé problémy s exportem, který činí skutečnou aplikaci téměř k ničemu.

Přerušená přihlašovací obrazovka po 2 hodinách oprav

Toto je moje přihlašovací obrazovka po opravách a vyladění po 1–2 hodinách. Nejsem rodný vývojář JavaScriptu, takže si to vezměte s trochou soli, ale vytvořené vývozy Supernovy byly nepoužitelné bez neuvěřitelného vizuálního vyladění. Chyběl nějaký text, chyběly ikony, pozadí bylo špatně zarovnáno, alespoň navigace fungovala. Měl jsem velké naděje na Supernovu, zvláště když jsem se díval na nativní export v simulátoru a viděl jsem replikaci mých návrhů Skica v simulátoru v poměru 1: 1. Zdá se, že vývozy React Native prostě nesplňují standard nativního exportu.

Začal jsem také pracovat na vstupní stránce aplikace, která bude hostována v mé aplikaci Firebase pomocí hostování Firebase.

Maketa pro vstupní stránku aplikace

Začal jsem tím, že jsem se podíval na inspiraci od Dribble a Hyperpixel, rozložil brainstorming a jak mohu využít barvy svých značek ve svůj prospěch. Skica umožňuje kopírovat-vložit atributy CSS / kód SVG prvků do návrhů. Prostě jsem zkopíroval gradient CSS z mého symbolu pozadí, a právě tak jsem měl základy a barvy pro svůj web. Rozhodl jsem se přidat řádek hrdiny plné šířky, který bude tvořit základ podrobností o aplikaci. Mám v plánu nakreslit nějakou grafiku a animovat je na Haiku a poté je exportovat, aby se použily jako animované obrázky nad každým sloupcem / funkcí.

3. týden

Týden 3 byl pro mě neuvěřitelně zaneprázdněn mimo tento projekt. Celý týden jsem toho moc nedělal. Rozhodl jsem se však zcela zrušit můj export Supernova.io React Native a začít od nuly. Strávil jsem hodiny laděním méně než přijatelného JS kódu, který vygenerovala Supernova. Budu zrušit své předplatné Supernova co nejdříve (Pokaždé, když jdu zrušit, dává mi vyskakovací okno, které mi řekne, že mohu zrušit příští týden! Díky Supernova). Prohledával jsem Github pro lepší řešení mých problémů a našel jsem několik knihoven, které mi pomohou dosáhnout toho, co chci dělat.

Všechno je nové!

Strávil jsem několik hodin opětovným vytvářením aplikace od nuly, bez jakéhokoli vygenerovaného kódu. Šokující je, že všechno fungovalo podle očekávání. Podařilo se mi implementovat základní prvky navigace a UI / UX a úspěšně obnovit proces na palubě od nuly. To mi v dlouhodobém horizontu udělalo absolutní míle a opravdu posílilo mou morálku.

Celá aplikace má (téměř) zbrusu nový vzhled a dojem. Kvalita a robustnost se cítí mnohem silnější než u supernovských vývozů.

Přísně pracujeme

Vstupní stránka prošla trochu opakováním, s novým vzorem pozadí a kopií. Brzy to bude představovat animovaný iPhone X maketa v pravém sloupci, představí aplikaci a všechny její funkce!

4. týden

Aktualizace Supernovy! Nemohl jsem zrušit své předplatné Supernovy, pokaždé, když jsem se pokusil změnit svůj plán zpět na „zdarma“, dostal jsem zprávu, že tato „funkce“ přijde příští týden. Jedná se o nejednoznačnou zprávu, protože jsem do týdne od ukončení fakturačního cyklu, ale přesto ji nemůžu zrušit? Musel jsem zaslat zakladatelům e-mail o zrušení mého plánu (Přestože odpověděli téměř okamžitě! Hezká podpora!).

Když jsem se vzdálil od poněkud neuspokojivého chování Supernovy (obecně), konečně jsem do aplikace přidal Firebase! Nyní můžete vytvořit účty, přihlásit se k nim a odhlásit se z nich, sladké! Toto je docela důležitý odrazový můstek do Firebase, protože to je moje první „ponoření nohou“ do něj, abych tak řekl (natož můj první nasazení JavaScriptu). Začal jsem také pracovat na zasílání oznámení do zařízení a schopnostem CRUD pro deník. Tam byl trochu, pokud křivka učení pro oznámení a Firestore, ale já doufám, že mohu moc přes oba z nich a opravdu se zaměřit na více prvků uživatelského rozhraní a leštění během příštích týdnů.

Tento týden jsem také koupil doménové jméno, daydreamapp.co a připojil jsem ho k Firebase. Kdo by hádal, že aplikace projde jinou změnou jména? Nyní můžete přistupovat na vstupní stránku pomocí této adresy URL a brzy tu aplikaci budete moci stáhnout také. Mým nadějným cílem pro těchto 6 startupů je mít pro každou doménu a vstupní stránku.

Jak je vidět níže, do aplikace jsem také implementoval Firestore. Všechna relevantní data jsou nyní stahována z aplikace Firestore (ze sbírky specifické pro uživatele) a do aplikace. Uživatelské rozhraní je neuvěřitelně WIP, protože jsem jen chtěl něco na stránku dostat. Moje vize pro příspěvky je, že začnou zobrazováním názvu, zkráceného popisu a data snu, ale kliknutím na rozbalovací tlačítko můžete zobrazit další informace, jako je hodnocení, typ snu a data významů snů.

Data jsou čtena z Firestore

Zabalit!

Tento měsíc jsem se naučil neuvěřitelnou částku, nejen co se týče programování, ale také o mně. Mám pocit, že každý den trávím prací na tomto projektu, cítím se méně jako otálení jinými úkoly. Celkově jsem neuvěřitelně spokojený se stavem aplikace od úplného restartu. Ukázalo se, že je opravdu cenný a vytvořil několik skvělých zkušeností s učením. Opravdu se těším na zveřejnění této aplikace a možná i na její umístění do obchodu Android, kromě obchodu iOS App Store.

Tento měsíc byly moje celkové náklady 55 USD, což je (velmi líto) předplatné Supernovy a doménové jméno.

Přečtěte si část 2 zde.

Chcete aplikaci stáhnout? Navštivte daydreamapp.co a stáhněte nyní!