Kas soovite midagi lõbusat ehitada? Siin on loetelu näidisveebirakenduse ideedest.

Kas olete huvitatud JavaScripti õppimisest? Hankige minu e-raamat aadressilt jshandbook.com

Kui loete seda postitust, siis tõenäoliselt otsite ideed. Tõenäoliselt soovite ehitada lihtsa rakenduse, mida saate uue raamistiku või API testimiseks kasutada õpetuses või oma näidisprojektis. Kuid te ei leia midagi sellist, mis teile tegelikult kõlaks.

See peab olema piisavalt lihtne, et mitte kogu oma aega ära kulutada, kuid samas piisavalt keeruline, et seda tasuks teha.

"Ma ei taha ehitada teist ülesannete rakendust!" Ma kuulen sind mõtlemas.

Saan aru. Kirjutasin selle postituse enda aitamiseks ja loodan, et see aitab ka teid.

Mida leiate allpool

Mõni idee on iseseisev (ei hõlma välise API kasutamist), samas kui mõned kasutavad kuulsaid avalikke API-sid, kust saate hõlpsasti eelnevalt koostatud andmeid haarata.

Mõni nõuab serveri osa ja mõni mitte, mis võib sõltuda ka teie rakendusest.

Kuid proovisin veenduda, et need ideed on:

  • hea juhendaja jaoks
  • hea veebitehnoloogiatega katsetada
  • mitte midagi, mille väljamõtlemine võtab nädala
  • mitte "käivitamise ideed"
  • suunatud veebirakendustele
  • lihtne seletada
  • lihtne ehitada (vähem kui 24 tundi, kui see on valmis)
  • uute funktsioonidega hõlpsasti laiendatav

Niisiis, piisavalt juttu, siin on nimekiri!

Lihtsad rakendused ilma väliste sõltumusteta

Kaalujälgija rakendus

  • See aktsepteerib erinevatel kuupäevadel tehtud kaalumõõtmiste käsitsi sisestamist
  • See suudab graafiku koostada
  • See võimaldab teil jälgida mitut üksust, näiteks mitme inimese kaalu
  • See hoiab raskused kuskil

Kalkulaatori rakendus

  • Tavakalkulaator: numbrid, +, -, *, / ja tulemus

Raamatute andmebaas

  • Sisestage teile kuuluvad raamatud
  • Sisestage raamatud, mida soovite osta
  • Salvestage raamatu teave ja pildid

Retseptirakendus

  • Sisestage sammudega nimi ja kirjeldus
  • Kas teil on pilte
  • Olge raskuste ja kvaliteedi osas paremusjärjestuses
  • Lisage vajalik aeg
  • Tehke igaühe jaoks erinevad sammud koos pildiga
  • Hoidke neid kuskil

Arve jälgija

  • Logi arved, summad ja kuupäevad
  • Loetlege arveid
  • Kas teil on mõni graafik (see aasta / eelmine aasta)
  • Hoidke neid kuskil

Kulude jälgija

  • Logige kulud sisse ja märkige need (või lisage kategooriad)
  • Loetlege kulud
  • Kasutage mõnda graafikut (eelmine kuu / eelmine aasta)
  • Hoidke neid kuskil

Vestlusrakendus

  • Mingi riisutud lõtvus
  • Inimesed sisenevad ilma autentimiseta ja neile määratakse nimi, mis salvestatakse naasmiseks
  • Salvesta ajalugu
  • Lisage märguanded

Märkmete rakendus

  • Lisage uus märkus
  • Lisage kõik märkmed külgribale
  • Hoidke neid kuskil

Isiklik päeviku rakendus

  • Lisage kuupäeva ja tekstiga kirjed
  • Esmalt kuva uuemad
  • Lisage pildid
  • Hoidke neid kuskil

Pomodoro rakendus

  • Sisestage kellaaeg
  • Alusta taimer
  • Hoiatus, kui aeg on läbi

Meemigeneraator

  • Kas teil on 10 populaarset meemipilti
  • Lase kasutajal teksti lisada
  • Tulemuseks on pilt + tekst
  • Salvesta ajalugu

Tic-tac-toe mäng

Me kõik teame, mis on tic-tac-toe mäng?

Elumäng

Suurepärane projekt, mis hõlmab matemaatikat ja graafikat.

Blogi mootor

  • Luba kasutajal sisse logida ja postitusi lisada
  • Külastajad saavad kommentaare lisada
  • Salvestage andmed kuhugi

QA mootor

  • Luba kasutajal sisse logida
  • Lisage küsimusi
  • Vastus küsimustele
  • Laske algsel kasutajal valida parim küsimus
  • Salvestage andmed kuhugi

Foorumimootor

  • Luba kasutajal sisse logida
  • Lisage postitusi
  • Kommenteerige postitusi
  • Salvestage andmed kuhugi

Manustatav otsevestlus

Mõelge Intercomile või Olarkile.

  • Kas teil on "taustaprogramm", kuhu vastate
  • Manustada veebilehele
  • Las inimesed kirjutavad teile privaatselt

API-toega rakendused

Häkkeriuudiste klient

  • Pange nimekirja populaarsed postitused
  • Kuva postituse kommentaarid
  • Kuva kasutaja profiil
  • Otsige HN-st

Vaadake inspiratsiooni saamiseks HNPWA ja Awesome Hacker News.

Redditi klient

  • Pange nimekirja populaarsed postitused
  • Lisage postituse kommentaarid
  • Kuva kasutaja profiil

Instagrami klient

  • Sisestage räsimärk ja hankige uusimad postitused
  • Sisestage kasutajanimi ja hankige uusimad postitused
  • Lubage salvestada üks või mitu räsimärki / kasutajanime ja hankige nendelt kõik uusimad postitused

GitHubi API klient

  • Lisage tänasest / nädalast / kuust populaarsed hoidlad
  • Loetlege viimased toimingud hoidlas
  • Näidake inimesele või organisatsioonile tähtede järgi järjestatud avalikke hoidlaid

Unsplash API klient

  • Piltide otsimine teema järgi
  • Lase kasutajal sisestada termin, näidata asjakohaseid pilte

Alustage inspiratsiooni saamiseks Unsplash API-st.

Teie näidisrakenduste andmed

Mõnikord hakkate ehitama mõnda lihtsat rakendust, kuid teil on igav leitud andmete kohta, mida saate kasutada. Igav ei pea olema! Võite kasutada tegelikke andmeid või juhuslikke andmeid.

Avalikud API-d, mida saate kasutada näidisprojektides

Võib-olla on teil idee täiesti kena CRUD-i rakenduse kohta või midagi, mis töötab API-ga, kuid te ei soovi API-d kõigepealt luua.

Soovitan teil vaadata Airtable'i, mis pakub arendajatele suurepärast API-d. Seda on väga lihtne kasutada, näiteks andmebaasi.

Siin on mõned hämmastavad avalikud API-d, mida saate kasutada:

  • Kassi API
  • Koera API
  • Chuck Norrise API
  • F ** k väljas kui teenuse API
  • Quotes API
  • Quotes API
  • Isa naljad API
  • Spotify API
  • New York Timesi API
  • Vikipeedia API
  • Wikidata API
  • Keskmine API
  • Kujunduspakkumiste API
  • GoodReadsi API
  • Dribbble API
  • 500px API
  • Unsplashi API
  • Giphy API - GIF-id!
  • Pixabay API
  • Vahetus kurss
  • Saidi ekraanipiltide API
  • Oxfordi sõnaraamatu API
  • Website Technologies API
  • Mapboxi API
  • Geeniuse muusikasõnade API
  • Saidi metasiltide API
  • EventBrite API
  • Avatud lähtekoodiga projektide muudatuste logid
  • GitHubi REST API
  • GitHubi GraphQL API
  • QR-koodide API
  • StackExchange API
  • Sõnad ja sünonüümid
  • Nasa API
  • SpaceX API
  • Häkkeriuudiste API
  • Instagrami API
  • Redditi API
  • Slacki API
  • Twitteri API
  • YouTube'i API

Teie näidisprojektide pildi kohahoidjad

  • Placeholder.com
  • Placekitten

Pildigeneraatorid

Avatarid:

  • RoboHash
  • Armsad avatarid
  • DiceBear'i avatarid (pikslikunst)
  • Lorem Picsum

Näidisprojektide tekstigeneraator

Lorem Ipsum on igav. Vürtsitage seda!

Kui te nõuate Lorem Ipsumi kasutamist, on Loripsum hea generaator.

Muud võltsandmed

FakeJSONil on palju võltsandmete genereerimise võimalusi.

JSONPlaceholderil on võltsitud postitusi, kommentaare, fotosid, ülesandeid, kasutajaid ja albumeid, kõik on valmis REST-i tarbimiseks.

Kas vajate võltsnime / kasutajaandmete genereerimist? Kontrollige kasutajaliidese nimesid ja RandomUser.

Pakkimine

Loodan, et see nimekiri on teie vajadustele vastav piisavalt põhjalik!

Lõbutse hästi!

Kas olete huvitatud JavaScripti õppimisest? Hankige minu e-raamat aadressilt jshandbook.com