6 абсурдни идеи за изграждането на вашето първо уеб приложение

Нуждаете се от няколко идеи за изграждане на просто уеб приложение? Тези 6 примера ще ви помогнат да практикувате всички ключови умения и да се забавлявате да го правите!

Добре, вече сте се научили от уеб разработка отпред и сега се стремите да насочите мускулите на разработчиците си към следващото голямо предизвикателство: пълни стек уеб приложения. Вероятно имате много амбициозни идеи за проекти, които се търкалят в главата ви. Но как можете да определите кои са разумни с настоящия ви набор от умения?

Ето 6 необичайни идеи за първото ви уеб приложение, които ще ви помогнат да натрупате опит с всички основни концепции за пълно стек уеб разработка. Накрая ще имате отличителен проект, който можете да включите в портфолиото си. Това ще ви помогне да се откроите в сравнение с всички скучни проекти, които всички останали изграждат.

Забележка: ако все още изучавате HTML / CSS / JS, събрах 8 идеи, за да практикувам само фронт-енд.

1. Гуру на FastFood

Идеята: Yelp е доста популярен източник на отзиви за ресторанти. Повечето хора обаче го използват, за да научат за ресторанти, за които никога преди не са чували. Ами масивните вериги за бързо хранене като McDonald's и Burger King? Много хора отиват при тях, но по някакъв начин те не са популярен кандидат за рецензия.

Да, може да ми кажете, че всяко меню е почти еднакво и храната също винаги има един и същ вкус. Ако обаче сте посетили много от тези „ресторанти“ на веригата, знаете, че има няколко неща, които се различават изключително много.

Кой има най-луксозната баня? Кои маркират цените на менюто си? Кои имат забавни пияници в 1 сутринта сутринта? Това ще бъде сайт за преглед на онези вериги за бързо хранене, които се предполага, че са последователни.

Тип на сайта: Отзиви

Основни функции:

  • Възможност за създаване на акаунт със снимка, потребителско име и местоположение
  • Използвайте Google Maps, за да позволите на потребителя да избере конкретен ресторант, или чрез търсене на местоположение на картата, или чрез въвеждане на име и избор от списък (typeahead)
  • Позволете на потребителя да напише отзив
  • Позволете на потребителя да оцени следните теми за бързо хранене по скала 1–5: Качество на банята, Персонал, Чистота, Шофиране през нахално ниво, Скорост на доставка
  • Възможност за добавяне на снимки към рецензията
  • Отзивчив дизайн до мобилен

Решения за ключови характеристики:

  • Това сериозен уебсайт ли е или наистина става въпрос за забавните неща, които могат да се случат в заведение за бързо хранене?
  • Кой ще използва този сайт? Хората на пътувания, които се опитват да изберат място за обяд? Чести посетители на бързо хранене, които искат да споделят своя опит?
  • Трябва ли това да бъде общност, в която хората често проверяват сайта за забавни истории и участват? Или още еднократна, рядка употреба?
  • Каква интеграция в социалните медии може да помогне за разпространението на истории / отзиви?

Какво ще научите: Потребителските системи и съхранението на картини са две основни предизвикателства. Това ще бъде добър шанс да внедрите основна версия на всеки. Освен това, ако решите да направите този сайт, ориентиран към хумора, как вашият дизайн може да повлияе на подходящо ниво на хумор, което не е гадно? Ако искате да спечелите следното, това ще бъде добър тест, за да видите къде бихте могли да извлечете текущи отзиви за бързо хранене, за да поставите вашата база данни и да създадете незабавно съдържание.

2. GrillBer

Идеята: Да, познахте. Uber за скари. Ако живеете в град, може да нямате място за скара или безопасно място, където да го заключите. Например, ако живеете на 20-ия етаж на жилищен блок, къде можете да поставите грила си?

Решен проблем с GrillBer, услуга за доставка на грил под наем. Това ще позволи на клиентите да се готвят без логистика. Всъщност може да искате да включите ролка трева и столове, за да могат вашите клиенти да създадат изскачащ парк на място за паркиране!

Тип на сайта: Доставка / Логистика

Основни функции:

  • Формуляр, който позволява на потребителя да резервира скара за определен брой часове с определена почасова ставка и го съхранява в база данни. Потребителят трябва да въведе своето име, адрес и т.н.
  • Календар, който показва различно време, когато са налични скари. Вижте Zipcar за пример за това.
  • Страница с подробности за продукта, която показва скарата и ви разказва повече за различните добавки, като столове и тревни площи.
  • Интеграция на социалните медии с Instagram, която показва всички страхотни готварски кулинари, които хората са провели с GrillBer
  • Процес на плащане и система за плащания с Stripe, така че потребителите да могат да завършат процеса.

Решения за ключови характеристики:

  • Това не трябва да бъде визуално стимулиращо като Uber. Но нуждае ли се изобщо от готин интерактивен календар? Или можете да се измъкнете с основна форма като сайт за електронна търговия?
  • На колко болки в процеса на скара ще предложите да се справите? Очаквате ли потребителят да почисти скарата? Това ли са по-евтините, но по-бавни скари с въглища, или по-скъпите газови скари?
  • Готварствата са предназначени да бъдат преживяване с нисък стрес. Ако хората трябва да побързат да приготвят храната си, това няма да е голямо преживяване. Как можете да използвате копие и микрокопия, за да заявите ясно как това няма да бъде стресиращ процес?
  • Каква логика трябва да имате на вашия back-end за системата за резервации? Трябва ли да оставите половин час преди и след това за доставка на скара?

Какво ще научите: Как да координирате предния и задния край на резервационна система. Помислете колко сайтове правят това. Сайтове за резервация на ресторанти. Сайтове за резервация на конферентни зали. Има много повече. Това е много често срещан модел и голямо постижение във вашето резюме за обсъждане.

3. Мрежово докосване

Идеята: Социалните медии са все по-популярна рекламна стратегия. Компаниите използват Twitter, Facebook, LinkedIn и Pinterest, за да достигнат до клиентите в средата на сърфирането. Има обаче едно неизползвано пространство: действителната публикация на потребителя.

Рекламодателите обичат маркетинга от уста на уста и ако потребителите сами публикуват действителните реклами, би било чудесен начин да объркате другите в тяхната новина!

Този сайт ще позволи на потребителите, които искат да спечелят малко повече пари, да предоставят информация за себе си, а рекламодателите за кратко да отвлекат публикация с реклама. Потребителите получават заплащане на база преглед или друг метод. Сега рекламите могат да достигнат до очните ябълки по нови и иновативни начини!

Тип на сайта: Пазар

Основни функции:

  • Отделните потребители трябва да могат да създадат акаунт с информация като: местоположение, възраст, интереси и семейно състояние, така че рекламодателите да могат да изберат кого искат да публикуват за своя продукт
  • Рекламодателите трябва да могат да създадат акаунт и да публикуват информация за идентичността на своята марка и за това, кого искат да достигнат.
  • Всеки потребител трябва да може да се свърже с рекламодател, за да говори за интереса си към публикуване на публикация.
  • Всеки рекламодател трябва да може да търси всички потребители по критерии като възраст, пол и т.н. и да изпраща масово съобщение до избраната от тях демографска група за интерес към правенето на реклама.
  • Потребителите и рекламодателите трябва да се споразумеят за начин на плащане: плащане за подобно, плащане за преглед, плащане за клик или друго.

Решения за ключови характеристики:

  • Функцията за търсене ще бъде голяма работа за рекламодателите. Как представяте всеки резултат от търсенето? Може да искате да използвате визуализация на данни като Google Analytics.
  • Как можете да извлечете най-много информация от потребителите? Интегриране с акаунт в социални медии? Може би им плащате повече въз основа на това колко информация предлагат?
  • Каква динамика на мощността има между рекламодатели и потребители? Потребителите получават ли информация за рекламния текст и снимката? Или рекламодателите вземат всички решения относно това, което се показва?
  • Хората няма да искат 10 долара на седмица от това. Те вероятно ще искат повече като $ 100 най-малко. Как можете да балансирате това с броя реклами, които вероятно ще трябва да покажат, за да стигнат до там? Никой не иска да замърси напълно своята емисия новини.
  • Колко хитра искате да бъде рекламата? Трябва ли да е очевидно или да изглежда по-скоро като автентична публикация?

Какво ще научите: Пазарите са друг много популярен тип сайт. Това ще ви позволи да създадете два вида акаунти, което е обща структура. Съобщенията в даден сайт ще бъдат добро умение да се научите с него. Вижте Fiverr за пример.

4. Поправете моя кораб

Идеята: Това е съкращение от „Repair My Relationship“. Това е форум, където потребителите могат да публикуват за техните проблеми с връзките, а други могат да се обадят със съвети как да решат проблемите си.

Ако сте опитвали прекрасните общности на сайтове като 4chan, Reddit или Bodybuilding.com, тогава знаете, че има много хора, готови да дарят няколко минути време, за да помогнат.

Тип на сайта: Форум

Основни функции:

  • Система за публикации / коментари, подобна на Reddit или Quora.
  • Система за гласуване както за публикации, така и за коментари
  • Възможност за потребителя да публикува това, което всъщност е опитал със своите значими други, и какви резултати са последвали
  • Система за значки или карма за награждаване на често гласували потребители
  • Система на потребителски акаунт за тези, които искат да коментират или публикуват, подобно на Reddit

Решения за ключови характеристики:

  • Трябва ли това да бъде по-анонимно като Reddit или свързано с акаунт в социални медии като Quora за достоверност?
  • На този сайт ще има много тролове. Как се справяте с него?
  • Трябва ли това да се отнася строго до романтичните връзки? Или приятелства също?
  • Как можете да използвате системата със значки, за да мотивирате особено добрите коментатори да се върнат?

Какво ще научите: Как да изградите форум! Освен това има много хора, които са готови да дарят няколко минути от времето си, за да помогнат на непознати в интернет нуждаещи се. Сериозно. Основното ви предизвикателство е да се уверите, че тези полезни потребители се чувстват възнаградени за усилията си, защото това ще ги мотивира да се върнат.

5. CatBattles

Идеята: Видеоклиповете за котки са ... изключително популярни. Една особено отличителна форма на видео за котки е аматьорската битка, при която две котки го изтласкват с минимални последици, но много мяукане и борба.

Този сайт ще позволи на потребителите да публикуват видеоклипове с борба на техните котки и ще позволи на зрителите да предлагат забавни коментари. Този сайт също НЕ би позволил професионални битки с котки или битки със страховити краища. Той е строго за ежедневни забавления, а не за нарушения на правата на животните.

Тип на сайта: Видео съдържание

Основни функции:

  • Всеки може да качи видео с котка
  • Потребителите могат да създадат анонимен акаунт и да добавят коментари.
  • Екранна снимка на всяка котка, върху която потребителят кликва, за да отгатне победителя преди началото на битката
  • Гласове за най-добри видеоклипове и най-добри коментари
  • Възможността да се съобщава за злонамерени видеоклипове или такива, които изглежда са инсценирани

Решения за ключови характеристики:

  • Защо някой да публикува видеото си за битка на котки тук, а не Reddit или YouTube? Трябва да добавите няколко функции, за да го различите от тези сайтове.
  • Как можете да направите този сайт популярен сред общността на любителите на котките? Любителите на котки не се радват на насилие, но се радват на котешки хумор.
  • Трябва ли този сайт да дублира динамиката на Hot или Not? Как можете да създадете уникално изживяване за гледане за зрителя, което надхвърля YouTube? Може би игра по игра на битката, която се записва, както потребителите публикуват?

Какво ще научите: Съхраняването на видеоклипове в база данни е добро умение за учене. Също така възпроизвеждането на динамиката на YouTube ще бъде добра практика, която другите ясно ще разберат. Получаването на тона на хумора точно на сайта също би било добро предизвикателство.

6. CouponBank

Идеята: Има много сайтове, които позволяват на хората да обменят купони индивидуално. Но какво да кажем за „дългата опашка“ на купоните? С други думи, редки или неясни купони, които може да не са популярни в по-масовия сайт за купони. И какво, ако другият няма купон, който желаете? Купоните по принцип са пари, така или иначе.

Нуждаете се от банка, която да се справи с това несъответствие на пазара. Да кажем, тази банка би поискала първоначален депозит от $ 20. След това всеки купон, който поискате, ще бъде дебитиран от вашия акаунт. Всеки купон, който можете успешно да раздадете, ще бъде кредитиран.

Тип на сайта: Партньорско кредитиране

Основни функции:

  • Потребителите трябва да могат да създадат акаунт и след това да депозират $ 20 в депозит, който може да бъде изтеглен по всяко време. Това е обезпечение. Можете да използвате Stripe за обработка на тази транзакция.
  • Потребителите могат да качат снимка на талон. След това сайтът трябва автоматично да определи продукта и размера на талона. Той трябва да подкани потребителя, ако не може да го разбере. API на Google Vision Cloud трябва да помогне за това.
  • Когато потребител поиска купон, оригиналният плакат трябва да му го изпрати по пощата. Сумата на купона се кредитира в сметката на оригиналния плакат и се дебитира от сметката на заявителя.
  • След като акаунтът на някого достигне $ 0, той не може да иска повече купони, докато не ги разменя сам или добави повече пари.
  • Сайтът генерира приходи, като взема малък процент от всяка транзакция.

Решения за ключови характеристики:

  • Как можете да направите това възможно най-лесно за качване на огромен брой купони? Cloud Vision API би бил голяма работа за това.
  • Как можете да улесните това възможно най-лесно за хората да изпращат купоните? Потребителят ще бъде изтощен, ако той / тя трябва да изпрати много купони по пощата.
  • Как можете да улесните процеса на търсене възможно най-лесно? Ами ако някой може да качи разписка и можете да проверите дали има налични талони за елементите в списъка?

Какво ще научите: Този обхваща няколко ключови концепции за взаимно кредитиране, макар и с много по-нисък рисков профил. Това е чудесен тест за вашето внимание към потребителския опит. Има милиони хора в САЩ, които имат време да спестят и търсят лесен начин да спечелят няколко допълнителни долара. Как можете да направите своя сайт отличен вариант за това?

Бъдете креативни

Не се чувствайте задължени да изграждате същите проекти като всички останали. Изключително трудно е да постигнете конкурентно предимство на останалата част от пазара, когато имитирате.

Дори едно от тези предложения да не ви помогне, трябва да помислите за изграждане на проекти, които могат да създадат малко личност и да се разграничат от всички останали.

Както казва Сет Годин, „На претъпкан пазар вграждането е провал. На оживен пазар да не се открояваш е същото като да си невидим. “

Хареса ли ви това? Дайте му харесване и ме уведомете в коментарите!

Освен това, ако търсите визуализирани уроци за кодиране, които улесняват HTML, CSS и JavaScript, регистрирайте се за моя бюлетин тук: