Ha ezt a bejegyzést olvassa, valószínűleg ötletet keres. Valószínűleg egy egyszerű alkalmazást szeretne létrehozni, amelyet egy oktatóanyagban vagy a példaprojektben használhat egy új keretrendszer vagy API tesztelésére. De nem találsz semmit, ami igazán visszhangozna rajtad.
Elég egyszerűnek kell lennie ahhoz, hogy ne vegye igénybe az összes idejét, ugyanakkor elég bonyolultnak ahhoz, hogy megérje csinálni.
"Nem akarok újabb tennivaló alkalmazást építeni!" Hallom gondolkodni.
Értem. Ezt a bejegyzést azért írtam, hogy segítsek magamnak, és remélem, hogy neked is segít.
Amit alább talál
Néhány ötlet önálló (nem magában foglalja a külső API használatát), míg néhány híres nyilvános API-t használ, ahol könnyedén megragadhatja az előre elkészített adatokat.
Egyeseknek szerverrészre van szükségük, másoknak pedig nem, ami a megvalósítástól is függ.
De megpróbáltam megbizonyosodni arról, hogy ezek az ötletek a következők:
- jó oktatóanyagként
- jó kísérletezni a webes technológiákkal
- nem olyasmi, aminek a kitalálása egy hétig tart
- nem „startup ötletek”
- webalkalmazásokra célozva
- könnyen megmagyarázható
- könnyen építhető (kevesebb, mint 24 óra, ha kész)
- könnyen bővíthető új funkciókkal
Szóval, elég beszéd, itt a lista!
Egyszerű alkalmazások külső függőségek nélkül
Súlykövető alkalmazás
- Elfogadja a különböző időpontokban elvégzett súlymérések kézi bevitelét
- Ábrázolhat egy grafikont
- Lehetővé teszi több entitás, például több személy súlyának nyomon követését
- Valahol tárolja a súlyokat
Számológép-alkalmazás
- Szabványos számológép: számok, +, -, *, / és az eredmény
Könyv adatbázis
- Írja be a tulajdonában lévő könyveket
- Írja be a megvásárolni kívánt könyveket
- Tárolja a könyv adatait és képeit
A receptek app
- Adjon meg egy nevet és egy leírást a lépésekkel
- Legyen képe
- Van némi rangsor nehézség és minőség szempontjából
- Adja hozzá a szükséges időt
- Legyen különböző lépések, mindegyikhez kép
- Tárolja őket valahol
Számlakövető
- Napló számlák, összegek és dátumok
- Sorolja fel a számlákat
- Legyen néhány grafikon (ebben az évben / tavaly)
- Tárolja őket valahol
Költségkövető
- Naplózza a költségeket és jelölje meg azokat (vagy legyen kategóriája)
- Sorolja fel a költségeket
- Legyen néhány grafikon (múlt hónap / tavaly)
- Tárolja őket valahol
Csevegőalkalmazás
- Valami lecsupaszított Laza
- Az emberek hitelesítés nélkül lépnek be, és hozzájuk rendelnek egy nevet, amelyet a visszatéréskor tárolnak
- Tárolja az előzményeket
- Értesítések hozzáadása
Jegyzetek alkalmazás
- Új jegyzet hozzáadása
- Sorolja fel az összes feljegyzését az oldalsávon
- Tárolja őket valahol
Egy személyes napló alkalmazás
- Adjon hozzá dátumot és szöveget tartalmazó bejegyzéseket
- Először a legfrissebb mutatása
- Csatoljon képeket
- Tárolja őket valahol
A pomodoro app
- Adjon meg egy időpontot
- Indítási időzítő
- Riasztás, ha lejár az idő
Mémgenerátor
- Legyen 10 népszerű mémkép
- Hagyja, hogy a felhasználó adja hozzá a szöveget
- Az eredmény kép + szöveg
- Tárolja az előzményeket
Tic-tac-toe játék
Mindannyian tudjuk, mi a tic-tac-toe játék?
Az élet játéka
Remek matematikai és grafikai projekt.
Blogmotor
- Lehetővé teszi a felhasználó számára a bejelentkezést és a bejegyzések hozzáadását
- A látogatók megjegyzéseket fűzhetnek hozzá
- Tárolja az adatokat valahol
QA motor
- Engedélyezi a felhasználónak a bejelentkezést
- Tegyen fel kérdéseket
- Válasz a kérdésekre
- Engedje meg, hogy az eredeti felhasználó válassza ki a legjobb kérdést
- Tárolja az adatokat valahol
Fórum motor
- Engedélyezi a felhasználónak a bejelentkezést
- Hozzászólások hozzáadása
- Hozzászólás a bejegyzésekhez
- Tárolja az adatokat valahol
Beágyazható élő chat
Gondolj az Intercomra vagy az Olarkra.
- Legyen egy „backend”, ahol válaszol
- Beágyazás egy weboldalra
- Hagyd, hogy az emberek privát módon írjanak neked
API-alapú alkalmazások
Hacker News kliens
- Sorolja fel a népszerű bejegyzéseket
- Mutasd a bejegyzés megjegyzéseit
- Felhasználói profil megjelenítése
- Keresés HN
Nézze meg a HNPWA és a Awesome Hacker News inspirációit.
Reddit kliens
- Sorolja fel a népszerű bejegyzéseket
- Sorolja fel egy bejegyzés megjegyzését
- Felhasználói profil megjelenítése
Instagram kliens
- Írjon be egy hashtaget, és töltse le a legújabb bejegyzéseket
- Írja be a felhasználónevét, és töltse le a legújabb bejegyzéseket
- Engedélyezzen egy vagy több hashtaget / felhasználónév tárolását, és szerezze be azok legfrissebb bejegyzéseit
GitHub API-ügyfél
- Sorolja fel a mai / hét / hónap népszerű tárházait
- Sorolja fel a legújabb elkötelezettségeket egy adattárban
- Mutasson meg egy személynek vagy szervezetnek csillagok szerinti rangsorolást
Unsplash API-ügyfél
- Képek keresése témakör szerint
- Engedje meg, hogy a felhasználó megadjon egy kifejezést, és releváns képeket mutasson
Indítsa el az Unsplash API-nál inspirációért.
Adatok a mintaalkalmazásokhoz
Néha elkezdi felépíteni valami egyszerű alkalmazást, de unja a megtalált adatokat, amelyeket felhasználhat. Nem kell unatkoznod! Használhat valós vagy véletlenszerű adatokat.
Példa projektekben használható nyilvános API-k
Talán van ötlete egy tökéletesen szép CRUD alkalmazásra, vagy valami olyanra, ami működik egy API-val, de elsősorban nem az API-t szeretné létrehozni.
Javaslom, hogy nézze meg az Airtable alkalmazást, amely remek API-t biztosít a fejlesztők számára. Nagyon könnyen használható, például egy adatbázis.
Íme néhány csodálatos nyilvános API, amelyet használhat:
- A Cat API
- A Dog API
- A Chuck Norris API
- F ** k ki, mint szolgáltatás API
- Quotes API
- Quotes API
- Apa viccek API
- A Spotify API
- A New York Times API
- A Wikipedia API
- A Wikidata API
- A Medium API
- Design Quotes API
- A GoodReads API
- A Dribbble API
- Az 500px API
- Az Unsplash API
- A Giphy API - GIF-ek!
- A Pixabay API
- Árfolyamok
- Webhely-képernyőképek API
- Az Oxford Dictionary API
- Website Technologies API
- A Mapbox API
- Music Lyrics API by Genius
- Webhely metacímkék API
- Az EventBrite API
- Nyílt forráskódú projektek változásnaplói
- A GitHub REST API
- A GitHub GraphQL API
- QR-kódok API
- A StackExchange API
- Szavak és szinonimák
- A Nasa API
- A SpaceX API
- A Hacker News API
- Az Instagram API
- A Reddit API
- A Slack API
- A Twitter API
- A YouTube API
Képhelyőrzők a mintaprojektekhez
- Placeholder.com
- Placekitten
Képgenerátorok
Avatarok:
- RoboHash
- Imádnivaló avatarok
- DiceBear-avatarok (pixel art)
- Lorem Picsum
Minta szöveggenerátor a mintaprojektekhez
Lorem Ipsum unalmas. Fűszerezd!
Ha ragaszkodik a Lorem Ipsum használatához, a Loripsum jó generátor.
Egyéb hamis adatok
A FakeJSON rengeteg hamis adatgenerálási képességgel rendelkezik.
A JSONPlaceholder hamis bejegyzéseket, megjegyzéseket, fotókat, témákat, felhasználókat és albumokat tartalmaz, amelyek mind készen állnak a REST fogyasztására.
Szüksége van hamis név / felhasználói adatok előállítására? Ellenőrizze a felhasználói felület nevét és a RandomUser elemet.
Csomagolás
Remélem, hogy ez a lista elég átfogó, hogy megfeleljen az Ön igényeinek!
Érezd jól magad!
Szeretne tanulni JavaScriptet? Szerezd meg az e-könyvemet a jshandbook.com címen