TicTacToe – уеб-базирана игра – AngularJS + ASP.NET WebAPI + SQL Server

TicTacToe е уеб базирана игра, част от поредицата ми за уеб приложения, базирана на AngularJS + Twitter Bootstrap за клиентската част, а за сървърна логика, обработка на данни съм използвам ASP.NET Web API сървизи + SQL Server – вдигнати в Cloud среда.

Като функционалност, приложението предоставя потребителска част – регистрации + сесии, като всеки потребител (играч) може да създава нови игри, да се присъединява към игри на други хора и да играе срещу опонентите си, като всеки играч може едновременно да има множество игри и да играе срещу много опоненти в различни игри.

Отново дизайна е прост и целта е ясна, като може би най-интересната част от цялото приложение е състоянието на играта – дъската върху която се изобразява морския шах, направил съм да се щрака върху избрана клетка, като полето се обновява автоматично, така двамата играчи няма нужда да обновяват страницата.

Играта явно стана популярна и харесвана във форума, след като за 3-4 дена бяха регистрирани около 100 потребители. 🙂

Приложението е:

  • Responsive
  • Single-Page
  • RESTful

Source Code: LINK (GitHub)
Документация: LINK (GitHub)
Уеб-приложение: LINK (AppHarbor)
ASP.NET Web API Services: LINK (AppHarbor)

Други интересни проекти, можете да намерите в моят GitHub – LINK

Advertisements

RockBands – уеб-приложение с AngularJS & Telerik Backend Services

От доста време не съм публикувал в блога, а мина известно време откакто съм в Академията, знанията и опита постоянно се увеличават, курсовете стават все по-интересни, все по-интензивни, а през свободното време спретвам ѝ някое приложение за да разцъкам някоя нова или интересна технология.

Накратко за приложението:  представлява уеб-каталог за известни музикални банди, албуми и песни като между тях има релации, т.е. песните са към даден албум, а албумите са от дадена група. Предоставя функционалност за разглеждане, създаване, редактиране, харесване (vote/like) на банда/албум/песен.

Приложението е изградено на AngularJS, а данните се пазят в Cloud база данни – Telerik Backend Services. За потребителският интерфейс съм използваш готова тема на Twitter Bootstrap, която съответно е responsive и се визуализира по подходящ начин на устройства с всякакъв по големина дисплей.

Приложението е:

  • Responsive
  • Single-Page
  • RESTful

Source Code: LINK (GitHub)
Документация: LINK (GitHub)
Уеб-приложение: LINK


Други интересни проекти, можете да намерите в моят GitHub – LINK

JavaScript Console (Win8 Style)

(Read article in English) Във връзка с курса по JavaScript в Telerik Academy, реших да направя една проста JavaScript конзола (на външен вид подобна на Win8), като целта е писане на JavaScript без да е нужно модифициране на съществуващия HTML и CSS. Структурната логика (HTML), презентационната логика (CSS) и бизнес логиката (JavaScript) са напълно отделени, което предоставя по-голяма компактност.

Предоставил съм и библиотека (console.js) с дефинирани JS-функции, които се грижат за модификацията на HTML-a, симулиране на входно-изходни операции, някои математически операции, методи за лесно “парсване” на масиви и др.

Направил съм асоциация със C# езика – функциите са със C# подобни имена и с главни букви за разделение от JS-функциите, и начална точка (entry point) – Main метод. Подобно на други библиотеки, програмиста не е нужно да знае как работят функциите имплементирани в библиотеката (console.js), а единствено за какво са предназначени и как да ги използва.

Виж Демо версия
Виж проекта в GitHub хранилището

Изтегли jsConsole [HTML + CSS + JS] – последна промяна на 25 януари, 2014
Изтегли последна версия на библиотеката (console.js) – 25 януари, 2014 [версия 0.2]
Изтегли jsConsole Solution приготвен за 10 задачи

Read more of this post