(1/12) Jag startar 6 startups på 12 månader

Den första månaden på 12-månaders sprinten för att utveckla 6 startups.

För min första start har jag bestämt mig för att dyka huvudet först i två nya tekniker. React Native & Firebase. Det här är två fantastiska koncept som jag har velat spela med i otroligt länge, men aldrig haft chansen att! Jag tänkte på att använda Django för att skapa en backend som ersättning av Firebase men beslutade i slutändan att tiden för att utveckla och underhålla bara skulle vara för mycket för den begränsade tidsramen jag har.

Vad bygger jag?

Jag kommer att skapa en enkel "klar drömmande assistent" -app. Det kommer att ha två funktioner, en drömdagbok och schemalagda meddelanden för "verklighetskontroller". En drömdagbok är helt enkelt en dagbok där du loggar in dina drömmar. Allvarligt. Det är ganska enkelt. Det hjälper till med erinring av dina framtidsdrömmar och gör att du kan upptäcka trender i dina drömmar. Detta gör det lättare för användaren att märka att de drömmer. "Verklighetskontroller" är själva bokstavligen ifrågasätter din existens just nu. Användaren meddelas ibland att utföra en verklighetskontroll, där användaren helt enkelt kommer att försöka trycka pekfingret genom handflatorna och fråga grundligt om de drömmer eller inte. Det låter kanske dumt, varför skulle jag behöva veta om jag drömmer medan jag uppenbarligen är i verklighet? När du börjar göra dessa kontroller ofta blir det en vana. Dina drömmar kopierar ganska ofta vad som händer i verkligheten, så dina vanor kommer också att kopieras. Du frågar om du drömmer i dina drömmar. Hur coolt är inte det? När du försöker skjuta fingret genom handflatan kommer fingret att gå igenom det. Denna handling kommer att utlösa tanketåget som får dig att inse att du drömmer!

Vecka ett

Jag började med form över funktion, eftersom jag redan hade en tydlig vision om denna apps funktion. Det är otroligt enkelt, två funktioner. Den första och mest fokuserade på kommer att vara en drömdagbok med en enkel "skärm" för analys / reflektion. Detta gör att du inte bara loggar dina drömmar utan reflekterar och analyserar deras betydelse för att vidareutveckla separationen mellan den fysiska världen och de platser vi skapar i vårt sinne. Den andra funktionen är en enkel, konfigurerbar, schemalagd avisering som utlöser en "verklighetskontroll". Dessa verklighetskontroller börjar bli en vana, och du börjar prova dem i dina drömmar.

Jag började designa med Sketch och designade för iPhone X först.

Namn HÄVLIG pågående arbete.

Jag började med ombordstigningsprocessen, från "Välkommen" -skärmen till inloggnings- / inloggningsvyerna, sedan ett animerat avsnitt om tutorial / introduktion. För att skapa animationerna för ombordstigning använder jag Haiku, det låter dig importera dina skissfiler, tillämpa animationer och exportera till kod. För en beta stöder det en överraskande mängd exportalternativ, ramar som React Vue och React Native. Det stöder också HTML / CSS / JS-export och iOS och Android.

Vecka två

Jag började processen med att samla min export från Supernova och skapa min app, ansluta den till Firebase. Men det fanns vissa problem med exporten, vilket gjorde den faktiska appen nära värdelös.

En trasig inloggningsskärm, efter 2 timmars korrigeringar

Detta är min inloggningsskärm, efter 1–2 timmars värde av korrigeringar och tweaking. Jag är inte en inhemsk JavaScript-utvecklare, så ta detta med en nypa salt, men exporten som Supernova skapade var obrukbar utan otrolig visuell tweaking. Viss text saknades, ikoner saknades, bakgrunden var feljusterad, åtminstone fungerade navigeringen. Jag hade stora förhoppningar för Supernova, särskilt när jag tittade på den ursprungliga exporten i simulatorn och såg en 1: 1-replikering av min Sketch-design i simulatorn. Det verkar som om React Native-exporten inte bara uppfyller standarden för en inhemsk export.

Jag började också arbeta med appens målsida, som kommer att vara värd på min Firebase-app med Firebase Hosting.

Mockup för appens målsida

Jag började med att titta på inspiration från Dribble och Hyperpixel, brainstorma layouter och hur jag kan använda mina märkes färger till min fördel. Sketch låter dig kopiera och klistra in CSS-attribut / SVG-kod för element i dina mönster. Jag kopierade helt enkelt gradient CSS från min bakgrundsymbol, och precis som det hade jag grunderna och färgerna för min webbplats. Jag bestämde mig för att lägga till en heltrad i helt bredd, som kommer att ligga till grund för detaljer om appen. Jag planerar att rita lite grafik och animera dem i Haiku och sedan exportera dem för att använda som animerade bilder ovanpå varje kolumn / funktion.

Vecka 3

Vecka 3 var oerhört upptagen för mig, utanför detta projekt. Så jag fick inte mycket under hela veckan. Men jag har bestämt mig för att helt skrapa min Supernova.io React Native-export och börja från början. Jag har tillbringat timmar på felsökning av mindre än acceptabel JS-kod som Supernova har genererat. Jag kommer att avbryta mitt Supernova-prenumeration så snart som möjligt (Varje gång jag går att avbryta ger det mig en popup som säger att jag kan avbryta nästa vecka! Tack Supernova). Jag hade bläddrat i Github efter bättre lösningar på mina problem och hittat en hel del bibliotek som hjälper mig att uppnå det jag vill göra.

Allt är nytt!

Jag tillbringade några timmar på att skapa appen från grunden, fri från alla genererade koder. Chockerande nog, ganska mycket allt fungerade som förväntat. Jag hade lyckats implementera grundläggande navigations- och UI / UX-element och framgångsrikt återskapa onboardingprocessen från grunden. Detta gjorde absoluta miles för mitt förtroende på lång sikt och verkligen ökade min moral.

Hela appen har ett (nästan) helt nytt utseende och känsla. Kvaliteten och robustheten känns mycket starkare än Supernova-exporten.

Strikt arbete pågår

Landningssidan har haft lite omväxling, med ett nytt bakgrundsmönster och kopia. Snart kommer den med en animerad iPhone X-mockup i högra kolumnen, där appen och alla dess funktioner visas!

Vecka 4

Supernova-uppdatering! Jag kunde inte avbryta mitt Supernova-prenumeration, varje gång jag försökte ändra min plan tillbaka till "Gratis", stod jag inför ett meddelande om att denna 'funktion' skulle komma nästa vecka. Det är ett tvetydigt meddelande eftersom jag är inom en vecka efter att min faktureringscykel upphör, men jag kan ändå inte avbryta? Jag var tvungen att skicka ett e-postmeddelande till grundarna om att avbryta min plan (även om de svarade nästan omedelbart! Trevligt stöd!).

När jag flyttade bort från Supernovas ganska nedslående beteende (i allmänhet) hade jag äntligen lagt Firebase till appen! Du kan nu skapa konton, logga in på dem och logga ut från dem, söta! Detta är en ganska viktig springbrett i Firebase, eftersom det här är min första gång att "doppa mina tår" i det så att säga (än mindre min första gång som använder JavaScript). Jag började också arbeta med att skicka aviseringar till enheter och CRUD-förmågor för tidskriften. Det var lite om en inlärningskurva för meddelanden och Firestore, men jag hoppas att jag kan driva igenom båda dessa och verkligen fokusera på fler av UI-elementen och polering under de kommande veckorna.

Den här veckan köpte jag också ett domännamn, daydreamapp.co, och anslöt det till Firebase. Vem skulle ha gissat att appen skulle gå igenom en ny namnbyte? Du kan nu komma åt målsidan med den webbadressen och tillräckligt snart kan du ladda ner appen därifrån. Mitt hoppfulla mål för dessa 6 startups är att ha en domän och en målsida för varje.

Som framgår nedan implementerade jag också Firestore i appen. All relevant information dras nu från Firestore (från den användarspecifika samlingen) och in i appen. UI: n är otroligt WIP, eftersom jag bara ville få något på sidan. Min vision för posten är att de kommer att börja med att visa dig titeln, en avkortad beskrivning och datumet för drömmen, men du kan klicka på en expand-knapp för att rulla ut den extra informationen, till exempel betyg, drömtyp och drömmeningar data.

Data som läses från Firestore

Sammanfatta!

Jag har lärt mig otroligt mycket den här månaden, inte bara när det gäller programmering utan om mig själv. Jag känner mig som varje dag jag lägger på detta projekt, jag känner mig mindre som att skjuta upp med andra uppgifter. Sammantaget är jag oerhört nöjd med appens tillstånd sedan hela omstarten. Det har visat sig vara riktigt värdefullt och har skapat några bra inlärningsupplevelser. Jag ser verkligen fram emot att publicera den här appen och eventuellt se till att få den placerad i Android-butiken också, utöver iOS App Store.

Den här månaden var mina totala utgifter $ 55, vilket är det (mycket beklagade) Supernova-abonnemanget och domännamnet.

Läs del 2 här.

Vill du ladda ner appen? Besök daydreamapp.co och ladda ner nu!