Szüksége van néhány ötletre egy egyszerű internetes alkalmazás felépítéséhez? Ez a 6 példa segít az összes kulcskészség gyakorlásában és a szórakozásban!
Oké, már megtanultad a front-end webfejlesztést, és most arra törekszel, hogy a következő nagy kihívásra: a full stack webalkalmazásokra hajlítsd a fejlesztői izmokat. Valószínűleg sok ambiciózus projektötlet gördül a fejedbe. De hogyan lehet megállapítani, hogy melyek ésszerűek a jelenlegi készségkészlettel?
Íme 6 szokatlan ötlet az első webalkalmazáshoz, amelyek segítségével tapasztalatokat szerezhet a teljes verem webfejlesztés összes alapkoncepciójáról. A végén lesz egy megkülönböztető projekt, amelyet felvehet a portfóliójába. Segíteni fog abban, hogy kitűnjön az összes unalmas projektről, amelyet mindenki más épít.
Megjegyzés: ha még mindig HTML / CSS / JS-t tanulsz, 8 ötletet állítottam össze, hogy csak a kezelőfelületet gyakoroljam.
1. FastFood Guru
Az ötlet: A Yelp az éttermi vélemények elég népszerű forrása. A legtöbb ember azonban arra használja, hogy megismerje azokat az éttermeket, amelyekről még soha nem hallottak. Mi a helyzet olyan hatalmas gyorséttermi láncokkal, mint a McDonald's és a Burger King? Rengeteg ember jár ezekre, de valahogy nem népszerű népszavazási jelölt.
Igen, elmondhatja nekem, hogy minden menü nagyjából egyforma, és az ételek is mindig ugyanolyan ízűek. Ha azonban meglátogatta ezeket a lánc „éttermeket”, akkor tudja, hogy néhány dolog nagyon eltér egymástól.
Melyik rendelkezik a legfényűzőbb fürdőszobával? Melyek jelölik meg a menü áraikat? Melyeknek van vicces részegük hajnali hajnali 1 órakor? Ez egy áttekintő oldal lenne azoknak a gyorséttermeknek, amelyek állítólag következetesek.
A webhely típusa: Vélemények
Főbb funkciók:
- Kép létrehozása fiókkal képpel, felhasználónévvel és helyen
- A Google Maps segítségével engedélyezheti a felhasználó számára, hogy kiválasszon egy adott éttermet, akár egy hely keresésével a térképen, akár egy név beírásával és a listából való választással (gépelésfej)
- Engedje meg a felhasználónak, hogy véleményt írjon
- Engedje meg, hogy a felhasználó 1–5 skálán értékelje a következő gyorsétterem-specifikus témákat: Fürdőszoba minősége, Személyzet, Tisztaság, Sassy-szintű hajtás, Szállítási sebesség
- Kép hozzáadása a véleményhez
- Reszponzív dizájn mobilra
Főbb jellemzők:
- Ez egy komoly weboldal, vagy valóban azok a vicces dolgok szólnak, amelyek egy gyorsétteremben történhetnek?
- Ki fogja használni ezt az oldalt? Az emberek útközben próbálnak ebédhelyet választani? Gyakori gyorséttermi látogatók szeretnék megosztani tapasztalataikat?
- Kell-e ennek egy olyan közösségnek lennie, ahol az emberek gyakran keresik a webhelyet vicces történetek után, és részt vesznek-e benne? Vagy inkább egyszeri, ritka használat?
- Milyen közösségi média-integráció segíthet a történetek / vélemények terjesztésében?
Amit megtanul: A felhasználói rendszerek és a képtárolás két fő kihívás. Ez jó esély lesz mindegyik alapvető verziójának megvalósítására. Ezenkívül, ha úgy dönt, hogy ezt egy humororientált oldalnak készíti el, hogyan befolyásolhatja a tervezése a megfelelő humorszintet, amely nem csúnya? Ha szeretné megszerezni a következőket, ez jó teszt lesz annak megállapításához, hogy honnan tudná beszerezni az aktuális gyorséttermi áttekintéseket az adatbázis létrehozásához és azonnali tartalom létrehozásához.
2. GrillBer
Az ötlet: Igen, kitaláltad. Uber a grillekhez. Ha városban él, előfordulhat, hogy nincs helye grillnek vagy biztonságos helyre, ahol el lehet zárni. Például, ha egy bérház 20. emeletén laksz, hova rakhatod a grilledet?
A probléma megoldódott a GrillBer-rel, a grillkölcsönzők szállítási szolgáltatásával. Ez lehetővé teszi az ügyfelek számára, hogy a logisztika nélkül főzzenek. Valójában érdemes egy tekercs gyepet és székeket is tartalmaznia, hogy ügyfelei létrehozhassanak egy felugró parkot a parkolóban!
A helyszín típusa: Szállítás / logisztika
Főbb funkciók:
- Olyan űrlap, amely lehetővé teszi a felhasználó számára, hogy meghatározott órákra, bizonyos óradíj mellett foglaljon grillet, és ezt tárolja az adatbázisban. A felhasználónak meg kell adnia a nevét, címét stb.
- Naptár, amely különböző időpontokban mutatja, hogy grillezők állnak rendelkezésre. Nézze meg a Zipcar példáját erre.
- A termék részleteinek oldala, amely bemutatja a grillt, és többet megtud a különböző kiegészítőkről, például a székről és a gyepről.
- A közösségi média integrációja az Instagram-szal, amely megmutatja az összes félelmetes cookout-t, amelyet az emberek a GrillBer-rel tartottak.
- Pénztári folyamat és fizetési rendszer Csíkkal, hogy a felhasználók befejezhessék a folyamatot.
Főbb jellemzők:
- Ennek nem kell vizuálisan stimulálónak lennie, mint az Uber. De szükség van-e rá egy klassz interaktív naptárra? Vagy megúszhat egy olyan alapvető űrlapot, mint egy e-kereskedelmi webhely?
- Hány fájdalmat kínál a grillezési folyamatban? Arra számít, hogy a felhasználó megtisztítja a grillt? Ezek az olcsóbb, de lassabb szénrácsok, vagy drágább gázrácsok?
- A főzéseket alacsony stressz-élménynek szánják. Ha az embereknek sietniük kell főzniük ételüket, az nem lesz nagy élmény. Hogyan lehet a másolás és a mikrokópia segítségével egyértelműen kijelenteni, hogy ez nem lesz stresszes folyamat?
- Milyen logikával kell rendelkeznie a foglalási rendszer hátterén? Szüksége van egy fél órára a grill kiszállítása előtt és után?
Amit megtanul: Hogyan lehet összehangolni a foglalási rendszer kezelőfelületét és hátterét. Gondoljon arra, hogy hány webhely csinálja ezt. Éttermi foglalási oldalak. Konferencia terem foglalási helyek. Sokkal többen vannak. Ez egy nagyon gyakori minta, és nagyszerű eredmény, hogy folytathatja a vita folytatását.
3. NetworkTap
Az ötlet: A közösségi média egyre népszerűbb hirdetési stratégia. A vállalatok a Twitter, a Facebook, a LinkedIn és a Pinterest segítségével érik el az ügyfeleket a böngészés közepén. Van azonban egy kihasználatlan hely: a felhasználó tényleges bejegyzése.
A hirdetők imádják a szájról szájra történő marketinget, és ha a felhasználók maguk teszik közzé a tényleges hirdetéseket, az nagyszerű lehetőség lenne arra, hogy másokat megzavarjanak hírcsatornájukban!
Ez a webhely lehetővé tenné, hogy a felhasználók, akik szeretnének egy kis plusz pénzt keresni, önkéntes információkat adhatnak magukról, a hirdetők pedig rövid időn belül elrabolhatják a bejegyzéseket egy hirdetéssel. A felhasználók megtekintésenként vagy más módszerrel kapnak fizetést. Most a hirdetések új és innovatív módon érhetik el a szemgolyókat!
A webhely típusa: Piactér
Főbb funkciók:
- Az egyéni felhasználóknak képesnek kell lenniük arra, hogy olyan fiókot hozzanak létre, amely tartalmazza a következő információkat: hely, életkor, érdeklődési kör és családi állapot, hogy a hirdetők kiválaszthassák, kit szeretnének közzétenni a termékükről.
- A hirdetőknek képesnek kell lenniük arra, hogy létrehozzanak egy fiókot, és közzétegyék márka identitásukat, valamint azt, hogy kit szeretnének elérni.
- Minden felhasználónak képesnek kell lennie arra, hogy kapcsolatba lépjen egy hirdetővel, hogy beszéljen a bejegyzés iránti érdeklődéséről.
- Minden hirdetőnek képesnek kell lennie az összes felhasználó keresésére olyan szempontok szerint, mint életkor, nem stb., És tömeges üzenetet kell küldenie a választott demográfiai csoportnak a hirdetés iránti érdeklődésről.
- A felhasználóknak és a hirdetőknek meg kell állapodniuk a fizetési módban: fizetés-szerű, megtekintés-fizetés, kattintás-fizetés vagy egyéb.
Főbb jellemzők:
- A keresési funkcionalitás nagy ügy lesz a hirdetők számára. Hogyan ábrázolja az egyes keresési eredményeket? Használhatja az adatok vizualizációját, mint a Google Analytics.
- Hogyan lehet a legtöbb információt kihozni a felhasználókból? Integráció a közösségi média fiókkal? Talán többet fizet nekik az alapján, hogy mennyi információt kínálnak?
- Milyen teljesítménydinamika van a hirdetők és a felhasználók között? Kapnak-e beírást a felhasználók a hirdetés szövegére és képére? Vagy a hirdetők hoznak minden döntést arról, hogy mi jelenik meg?
- Az emberek nem akarnak ebből heti 10 dollárt. Valószínűleg többet akarnak, mint legalább 100 dollár. Hogyan lehet ezt egyensúlyba hozni azzal a hirdetésszámmal, amelyet valószínűleg meg kell jeleníteniük ahhoz, hogy eljussanak? Senki sem akarja teljesen szennyezni a hírfolyamukat.
- Mennyire ravaszul akarja a hirdetéseket? Legyen nyilvánvaló, vagy inkább hiteles hozzászólásnak érezze?
Amit megtudhat: A piactérek egy másik nagyon népszerű webhelytípus. Ez lehetővé teszi kétféle fiók létrehozását, ami egy közös struktúra. A webhelyen belüli üzenetküldés jó készséggel tanulhat ezzel. Nézze meg a Fiverr példáját.
4. Javítsa meg a Hajóm
Az ötlet: Ez röviden a „Javítsd ki a kapcsolatomat”. Ez egy olyan fórum, ahol a felhasználók közzétehetik kapcsolati problémáikat, mások pedig tanácsokkal látják el problémáik megoldását.
Ha tapasztalta a szép közösségeket olyan webhelyeken, mint a 4chan, a Reddit vagy a Bodybuilding.com, akkor tudja, hogy rengeteg ember hajlandó felajánlani néhány percet, hogy segítsen.
A webhely típusa: Fórum
Főbb funkciók:
- A Reddithez vagy a Quorához hasonló hozzászólási / megjegyzési rendszer.
- Upvote rendszer mind a bejegyzésekhez, mind a hozzászólásokhoz
- Lehetőség a felhasználó számára, hogy közzétegye, hogy valójában mit próbáltak ki jelentős másikkal, és milyen eredmények születtek
- Jelvények vagy karma rendszer a gyakran felkapott felhasználók jutalmazására
- A Reddithez hasonló felhasználói fiók rendszer azok számára, akik hozzászólást vagy bejegyzést szeretnének tenni
Főbb jellemzők:
- Ezt inkább anonimizálni kell, mint a Reddit, vagy a hitelesség érdekében egy olyan közösségi médiafiókhoz kell kötni, mint a Quora?
- Rengeteg troll lesz ezen az oldalon. Hogyan kezeled?
- Ennek szigorúan a romantikus kapcsolatokra kell vonatkoznia? Vagy barátságokat is?
- Hogyan használhatja a jelvényrendszert arra, hogy motiválja a különösen jó hozzászólókat, hogy térjenek vissza?
Amit megtanul: Hogyan készítsünk fórumot! Emellett rengeteg ember hajlandó felajánlani idejéből néhány percet, hogy segítse a rászoruló internetes idegeneket. Komolyan. A legfontosabb kihívás az, hogy megbizonyosodjon arról, hogy ezek a segítőkész felhasználók jutalmat éreznek erőfeszítéseikért, mert ez motiválja őket a visszatérésre.
5. Macskacsaták
Az ötlet: A macskákról szóló videók hihetetlenül népszerűek. A macskavideó egyik különösen megkülönböztető formája az amatőr csata, ahol két macska minimális következményekkel, de rengeteg nyávogással és birkózással hercegíti ki.
Ez a webhely lehetővé tenné a felhasználók számára, hogy videókat tegyenek közzé macskáikról, és vicces megjegyzéseket tehessenek a nézők számára. Ez az oldal NEM engedheti meg a professzionális macskacsatákat vagy a borzasztó végű harcokat. Szigorúan alkalmi szórakozásra szolgál, nem pedig az állati jogok megsértésére.
A webhely típusa: Videotartalom
Főbb funkciók:
- Bárki feltölthet egy macska videót
- A felhasználók névtelen fiókot hozhatnak létre és megjegyzéseket fűzhetnek hozzá.
- Képernyőkép minden macskáról, amelyre a felhasználó rákattint, hogy kitalálja a győztest a harc megkezdése előtt
- A legjobb videók és a legjobb megjegyzések pozitív szavazata
- Képes jelenteni a rosszindulatú videókat, vagy olyanokat, amelyek színpadra tűnnek
Főbb jellemzők:
- Miért tenné valaki ide macskaharc videóját, nem pedig Reddit vagy YouTube? Hozzá kell adnia néhány funkciót, hogy megkülönböztesse ezeket a webhelyeket.
- Hogyan teheti népszerűvé ezt az oldalt a macskakedvelők közösségében? A macskakedvelők nem élvezik az erőszakot, de élvezik a macskahumort.
- Ennek a webhelynek meg kell ismételnie a Hot vagy Not dinamikáját? Hogyan hozhat létre egyedi nézési élményt a néző számára, amely meghaladja a YouTube-ot? Esetleg a küzdelem egyes játékai, amelyeket a felhasználók közzétesznek?
Amit megtanul: A videók adatbázisban való tárolása jó képesség a tanuláshoz. Ezenkívül a YouTube dinamikájának megismétlése jó gyakorlat lesz, amelyet mások egyértelműen megértenek. A humor hangulatának megszerzése az oldalon szintén jó kihívás lenne.
6. KuponBank
Ötlet: Rengeteg olyan webhely létezik, amelyek lehetővé teszik az emberek számára, hogy kuponokat cseréljenek egy az egyben alapon. De mi van a szelvények „hosszú farkával”? Más szavakkal, ritka vagy homályos kuponok, amelyek nem feltétlenül népszerűek egy nagyobb mainstream kuponoldalon. És mi van, ha a másik embernek nincs kuponja, amelyre vágyik? A kuponok alapvetően pénz, egyébként.
Szüksége van egy bankra, hogy kezelje ezt az eltérést a piacon. Ez a bank kezdeti 20 dolláros letétet kérne, mondjuk. Ezután minden kért kupon megterhelődik a számlájáról. Minden olyan kupont jóváírnak, amelyet sikeresen el tud adni.
A webhely típusa: Peer to Peer hitelezés
Főbb funkciók:
- A felhasználóknak képesnek kell lenniük a fiók létrehozására, majd 20 dollár befizetésére letéti letétbe, amelyet bármikor ki lehet venni. Ez biztosíték. A Stripe használatával feldolgozhatja ezt a tranzakciót.
- A felhasználók feltölthetnek egy kupon fényképét. Ezután a webhelynek automatikusan meg kell határoznia a terméket és a kupon összegét. Kérnie kell a felhasználót, ha nem tudja kitalálni. A Google Cloud Vision API-jának ebben segítenie kell.
- Amikor a felhasználó kupont kér, az eredeti poszternek el kell küldenie azt neki. A kupon összegét jóváírják az eredeti poszter számláján, és megterhelik az igénylő számlájáról.
- Ha valakinek a számlája eléri a 0 dollárt, addig nem igényelhet további kupont, amíg saját maga nem cserél be pénzt, vagy nem tesz hozzá több pénzt.
- A webhely bevételt generál azáltal, hogy minden tranzakciónak kis százalékát veszi fel.
Főbb jellemzők:
- Hogyan lehet ezt a lehető legkönnyebben feltölteni rengeteg kuponra? A Cloud Vision API nagy ügy lenne erre.
- Hogyan teheti ezt a lehető legkönnyebben az embereknek a kuponok elküldésére? A felhasználó kimerült lenne, ha sok kupont kellene postán elküldenie.
- Hogyan lehet a keresési folyamatot a lehető legegyszerűbbé tenni? Mi lenne, ha valaki feltölthetne egy nyugtát, és ellenőrizheti, hogy van-e elérhető kupon a listában szereplő tételekhez?
Amit megtanul: Ez magában foglalja a peer to peer hitelezés néhány kulcsfogalmát, bár sokkal alacsonyabb kockázati profillal. Ez nagyszerű teszt a felhasználói élményre való odafigyelésére. Millió ember él az Egyesült Államokban, akiknek van idejük tartalékolni, és egyszerű módot keresnek néhány extra dollár megszerzésére. Hogyan teheti webhelyét kiváló lehetőségként erre?
Legyen kreatív
Ne érezze kötelességét, hogy ugyanazokat a projekteket építse fel, mint mindenki más. Rendkívül nehéz versenyelőnyt szerezni a piac többi részén, amikor utánozza.
Még akkor is, ha e javaslatok egyike nem segít Önön, érdemes olyan projekteket felépítenie, amelyek egy kis személyiséget teremthetnek, és megkülönböztethetik magukat a többitől.
Ahogy Seth Godin mondja: „A zsúfolt piacon a beilleszkedés kudarc. Egy forgalmas piacon a nem kiemelkedés ugyanolyan, mint a láthatatlanság. ”
Élvezted ezt? Adj egy lájkot és tudasd velem a kommentekben!
Továbbá, ha olyan vizualizált kódolási oktatóanyagokat keres, amelyek egyszerűvé teszik a HTML-t, a CSS-t és a JavaScript-et, itt iratkozzon fel a hírlevelemre: