Vai vēlaties izveidot kaut ko jautru? Šeit ir tīmekļa lietotņu ideju paraugu saraksts.

Vai vēlaties uzzināt JavaScript? Iegūstiet manu e-grāmatu vietnē jshandbook.com

Ja jūs lasāt šo ziņu, jūs, iespējams, meklējat ideju. Jūs, iespējams, vēlaties izveidot vienkāršu lietotni, kuru varat izmantot apmācībā vai projekta piemērā, lai pārbaudītu jaunu ietvaru vai API. Bet jūs nevarat atrast neko tādu, kas jūsos patiešām atbalsotos.

Tam jābūt pietiekami vienkāršam, lai neaizņemtu visu laiku, bet tajā pašā laikā pietiekami sarežģītam, lai to būtu vērts darīt.

"Es nevēlos izveidot citu lietotni, kas jādara!" Es dzirdu jūs domājam.

ES saprotu. Es uzrakstīju šo ierakstu, lai palīdzētu sev, un es ceru, ka tas palīdzēs arī jums.

Ko jūs atradīsit zemāk

Dažas no idejām ir patstāvīgas (neietverot ārēju API izmantošanu), savukārt dažās tiek izmantotas slavenas publiskās API, kurās varat viegli paķert iepriekš izveidotus datus.

Dažiem ir nepieciešama servera daļa, bet dažiem nav, kas var būt atkarīgs arī no jūsu ieviešanas.

Bet es centos pārliecināties, vai šīs idejas ir:

  • labs apmācībai
  • labi eksperimentēt ar tīmekļa tehnoloģijām
  • nevis kaut ko tādu, kura izdomāšana prasīs nedēļu
  • nevis “starta idejas”
  • mērķēta uz tīmekļa lietotnēm
  • viegli izskaidrojams
  • viegli uzbūvējams (mazāk nekā 24 stundas, ja tas ir sagatavots)
  • viegli paplašināt ar jaunām funkcijām

Tātad, pietiek runāt, šeit ir saraksts!

Vienkāršas lietotnes bez ārējām atkarībām

Svara izsekošanas lietotne

  • Tas pieņem svara mērījumu manuālu ievadu kopu, kas veikti dažādos datumos
  • Tas var uzzīmēt grafiku
  • Tas var ļaut izsekot vairākām vienībām, piemēram, vairāk nekā vienas personas svaram
  • Tas kaut kur uzglabā svarus

Kalkulatora lietotne

  • Standarta kalkulators: skaitļi, +, -, *, / un rezultāts

Grāmatu datu bāze

  • Ievadiet jums piederošās grāmatas
  • Ievadiet grāmatas, kuras vēlaties iegādāties
  • Saglabājiet grāmatas informāciju un attēlus

Recepšu lietotne

  • Ievadiet vārdu un aprakstu, veicot darbības
  • Ir bildes
  • Ir daži rangu grūtības un kvalitāti
  • Pievienojiet nepieciešamo laiku
  • Katram ir dažādi soļi ar attēlu
  • Glabājiet tos kaut kur

Rēķinu izsekotājs

  • Žurnālu rēķini, summas un datumi
  • Sarakstiet rēķinus
  • Ir daži diagrammas (šogad / pagājušajā gadā)
  • Glabājiet tos kaut kur

Izdevumu izsekotājs

  • Reģistrējiet izdevumus un atzīmējiet tos (vai arī norādiet kategorijas)
  • Uzskaitiet izdevumus
  • Ir daži diagrammas (pagājušajā mēnesī / pagājušajā gadā)
  • Glabājiet tos kaut kur

Tērzēšanas programma

  • Kaut kāds atkailināts Slack
  • Cilvēki ienāk bez autentifikācijas, un viņiem tiek piešķirts vārds, kas tiek saglabāts, kad viņi atgriežas
  • Saglabājiet vēsturi
  • Pievienojiet paziņojumus

Piezīmju lietotne

  • Pievienojiet jaunu piezīmi
  • Sānjoslā uzskaitiet visas piezīmes
  • Glabājiet tos kaut kur

Personīgās dienasgrāmatas lietotne

  • Pievienojiet ierakstus ar datumu un tekstu
  • Vispirms rādīt jaunākos
  • Pievienojiet attēlus
  • Glabājiet tos kaut kur

Pomodoro lietotne

  • Ievadiet laiku
  • Sākuma taimeris
  • Brīdināt, kad laiks ir beidzies

Meme ģenerators

  • Ir 10 populāri meme attēli
  • Ļaujiet lietotājam pievienot tekstu
  • Rezultāts ir attēls + teksts
  • Saglabājiet vēsturi

Tic-tac-toe spēle

Mēs visi zinām, kas ir tic-tac-toe spēle?

Dzīves spēle

Lielisks projekts, kas saistīts ar matemātiku un grafiku.

Emuāra motors

  • Ļaujiet lietotājam pieteikties un pievienot ziņas
  • Apmeklētāji var pievienot komentārus
  • Glabājiet datus kaut kur

QA motors

  • Atļaut lietotājam pieteikties
  • Pievienojiet jautājumus
  • Atbilde uz jautājumiem
  • Ļaujiet sākotnējam lietotājam izvēlēties labāko jautājumu
  • Glabājiet datus kaut kur

Foruma motors

  • Atļaut lietotājam pieteikties
  • Pievienojiet ziņas
  • Komentējiet ziņas
  • Glabājiet datus kaut kur

Iegulējama tērzēšana tiešsaistē

Padomājiet par domofonu vai Olarku.

  • Ir “backend”, kur jūs atbildat
  • Iegult tīmekļa lapā
  • Ļaujiet cilvēkiem rakstīt jums privāti

Ar API darbināmas lietotnes

Hacker News klients

  • Uzskaitiet populārās ziņas
  • Rādīt ziņas komentārus
  • Parādīt lietotāja profilu
  • Meklēt HN

Iedvesmai skatieties HNPWA un Awesome Hacker News.

Reddit klients

  • Uzskaitiet populārās ziņas
  • Uzskaitiet ziņas komentārus
  • Parādīt lietotāja profilu

Instagram klients

  • Ievadiet atsauci un saņemiet jaunākās ziņas
  • Ievadiet lietotājvārdu un saņemiet jaunākās ziņas
  • Ļaujiet glabāt vienu vai vairākas atsauces / lietotājvārdus un iegūt visus jaunākos ziņojumus no tiem

GitHub API klients

  • Uzskaitiet populāros krātuves no šodienas / nedēļas / mēneša
  • Uzskaitiet jaunākās saistības repozitorijā
  • Parādiet personai vai organizācijai publiskus krātuves, kas sakārtotas pēc zvaigznēm

Unsplash API klients

  • Meklēt attēlus pēc tēmas
  • Ļaujiet lietotājam ievadīt terminu, parādīt attiecīgos attēlus

Lai iegūtu iedvesmu, sāciet vietnē Unsplash API.

Jūsu lietotņu paraugu dati

Dažreiz jūs sākat veidot kādu vienkāršu lietotni, taču jums ir garlaicīgi ar datiem, kurus esat atradis un kurus varat izmantot. Jums nav jābūt garlaicīgi! Varat izmantot reālus vai nejaušus datus.

Publiskās API, kuras varat izmantot projektu piemēros

Varbūt jums ir ideja par pilnīgi jauku CRUD lietotni vai kaut ko tādu, kas darbojas ar API, taču vispirms nevēlaties izveidot API.

Es iesaku jums apskatīt Airtable, kas nodrošina lielisku API izstrādātājiem. To ir ļoti viegli izmantot, piemēram, datu bāzi.

Šeit ir daži apbrīnojami publiskie API, kurus varat izmantot:

  • Cat API
  • Suņu API
  • Čaka Norisa API
  • F ** k izslēgts kā pakalpojuma API
  • Citātu API
  • Citātu API
  • Tēta joku API
  • Spotify API
  • New York Times API
  • Vikipēdijas API
  • Wikidata API
  • Vidēja API
  • Design Quotes API
  • GoodReads API
  • Dribbble API
  • 500 pikseļu API
  • Unsplash API
  • Giphy API - GIF!
  • Pixabay API
  • Valūtu kursi
  • Vietņu ekrānuzņēmumu API
  • Oksfordas vārdnīcas API
  • Vietņu tehnoloģiju API
  • Mapbox API
  • Genius mūzikas mūzikas tekstu API
  • Vietnes metatagu API
  • EventBrite API
  • Atvērtā koda projektu maiņas žurnāli
  • GitHub REST API
  • GitHub GraphQL API
  • QR kodu API
  • StackExchange API
  • Vārdi un sinonīmi
  • Nasa API
  • SpaceX API
  • Hacker News API
  • Instagram API
  • Reddit API
  • Slack API
  • Twitter API
  • YouTube API

Attēlu vietturi jūsu paraugprojektiem

  • Placeholder.com
  • Placekitten

Attēlu ģeneratori

Avatari:

  • RoboHash
  • Burvīgi iemiesojumi
  • DiceBear iemiesojumi (pikseļu māksla)
  • Lorems Picsums

Teksta ģeneratora paraugs jūsu paraugprojektiem

Lorems Ipsums ir garlaicīgs. Spice it up!

Ja jūs uzstājat uz Lorem Ipsum lietošanu, Loripsum ir labs ģenerators.

Citi viltoti dati

FakeJSON ir daudz viltotu datu ģenerēšanas iespēju.

JSONPlaceholder ir viltotas ziņas, komentāri, fotogrāfijas, uzdevumi, lietotāji un albumi, kas visi ir gatavi patēriņam REST.

Nepieciešama viltus vārda / lietotāja datu ģenerēšana? Pārbaudiet UI nosaukumus un RandomUser.

Iesaiņošana

Es ceru, ka šis saraksts ir pietiekami visaptverošs, lai atbilstu jūsu vajadzībām!

Izklaidējieties!

Vai vēlaties uzzināt JavaScript? Iegūstiet manu e-grāmatu vietnē jshandbook.com