#angular

10 wpisów
7 obserwujących

poocooPraktykant

w Dyskusje 5 miesięcy temu

Haslator – moje starcie z Angularem i Flutterem (wyszukiwarka haseł krzyżówkowychi synonimów)

Cześć!

Chciałem Wam pokazać projekt, który był dla mnie poligonem doświadczalnym i zderzeniem z dwiema nowymi technologiami. Jako fan gier słownych postanowiłem uderzyć w temat krzyżówek i synonimów, a przy okazji sprawdzić w boju Angulara oraz Fluttera.

Tak powstał Haslator – kontekstowa wyszukiwarka haseł, która ma ułatwić życie każdemu, kto utknie przy niedzielnej krzyżówce.

Co potrafi apka?

Wyszukiwanie kontekstowe:* Wpisujesz frazę, a system przeszukuje bazę ponad miliona rekordów.

Filtrowanie wg wzorców:* Jeśli znasz tylko niektóre litery (np. drugą i czwartą), wpisujesz wzór (np. P-P-A) i dostajesz pasujące propozycje.

Szybkie filtry:* Możesz błyskawicznie zawęzić wyniki do konkretnej długości słowa.

Stawiałem przede wszystkim na szybkość i czysty UX. Apka jest lekka i działa błyskawicznie.

Technologia:

WWW:* Angular

Mobile:* Flutter

Engine: Całość śmiga w oparciu o Meilisearch*, co zapewnia świetny performance wyszukiwania.

Link do wersji Web: https://haslator.pl

Link do Google Play: https://play.google.com/store/apps/details?id=pl.xview.x_crossword_mobile

Dajcie znać, co myślicie! Jeśli macie pomysły, co dorzucić do bazy albo jakie funkcje ułatwiłyby Wam życie przy rozwiązywaniu – dajcie znać.

#krzyzowka #tool #flutter #angular

nieinteresujsieInspirator

w Oprogramowanie w zeszłym roku

W ramach odświeżenia wiedzy napisałem aplikację agregującą różne wydarzenia.
Na razie zbierane są audycje radiowe, wydarzenia sportowe, starty rakiet i wydarzenia związane z astronomią oraz święta.
Kategorie wydarzeń można ogwiazdkować i wyeksportować do kalendarza lub RSS.
Dajcie znać co o tym myślicie. Jeśli jest już coś podobnego to dajcie linka.
Czy są inne wydarzenia które chcielibyście tam znaleźć?

Backend napisany jest w PHP 8 (Symfony, API platform), frontend Angular 18, Bulma css.
https://events.w5.lt/

#oprogramowanie #aplikacja #angular #php #sport #radio #astronomia

koszotoroburFanatykw zeszłym roku2

@nieinteresujsie - to następnym razem zamiast odświeżać antyczną wiedzę, może naucz się zrobić to samo tylko nowocześniejszymi narzędziami :thinking_face:

potato_fairySum

w Hydepark 2 lata temu

#programowanie #angular #angularmemy

AnonKompan

w Programowanie 3 lata temu

Potrzebuję materiały na temat testów jednostkowych do #angular
Polecacie jakieś konkretne materiały i/lub podręczniki?

#programowanie #frontend #programista15k #webdev

FaustoAutorytet3 lata temu1

Chatgpt? ;)

rayrosWirtuoz3 lata temu1

Dokumentacja angulara

tataryshOsobistość3 lata temu0

@rayros ja nie ogarniam ludzi, dokumentacja ma najczęściej wszystko czego potrzeba i jest dobrze opisana a i tak ludzie chodzą i szukają materiałów

Pokaż więcej komentarzy (4)

GitlerInspirator

w Programowanie 3 lata temu

#programowanie #flutter #webdev #react #angular #vue

Jaki jest wasz ulubiony framework webowy do własnych projektów

Flutter9%
Vue20%
React32%
Angular14%
Sam klepie js,html,css25%

44 głosów

marmotKompan3 lata temu0

React to nie framework. Ale zaznaczyłem go, bo używam Next.js, które bazuje na React.

GitlerInspirator3 lata temu0

@marmot a to ciekawe. Dlaczego uważasz, że react to nie framework ?

marmotKompan3 lata temu0

@Gitler Bo React nie daje Ci pełnego stacku, a jedynie obsługę tworzenia reaktywnych komponentów. Możesz bez problemu używać takiego React jak kiedyś używało się jQuery (co zresztą w dawnych czasach robiło się podczas migrowania appek z jQuery na React). Do tego, nawet na stronie Reacta masz: "The library for web and native user interfaces", a jak wejdziesz w https://react.dev/learn/start-a-new-react-project to dopiero listę frameworków, które bazują na Reakcie. To, że ChatGPT twierdzi jedno, to nie znaczy, że tak jest :slightly_smiling_face:. Jak odpisałbyś mu "ale React nie jest frameworkiem", to Cię przeprosi i się poprawi, jak przy wielu innych rzeczach 😛

Start a New React Project – ReactThe library for web and native user interfacesReact

rtofvntTwórca3 lata temu0

Laravel ?

Pokaż więcej komentarzy (7)

DapredKompan

w Programowanie 3 lata temu

Jak poprawnie parsować response z http post w angularze? Case mam taki, że wysyłam requesta na endpointa(logowane) i mi zwraca albo sam token albo status code 401. I tutaj mam problem bo jak zwraca token to spoko zapisuje sobie w sesji itp ale jak zwraca 401 to w formacie

> StatusCode: 401, ReasonPhrase: 'Unauthorized', Version: 1.1, Content: <null>, Headers:

> {

> }

I teoretycznie też zapisuje to jako token, chociaż nie jest tokenem bo sprawdzam czy po prostu jest jakaś odp xD

Mogę się jakoś dobrać do nagłówków aby status code wyciągnąć czy po prostu na sztywno dać warunek czy istnieje tekst "StatusCode" w response? Nie wiem jak inaczej to zweryfikować a moje rozwiązanie jest delikatnie ujmując brzydkie.

A to jak wysyłam:

> signInUser(user: UserLogin){

> return this.http.post(AppSettings.API_URL + CONTROLLER + 'login', user, {responseType: 'text'});

> }

Tajemnicą chyba nie bedzie, że dopiero ucze się więc wyrozumiałości xD

#programowanie #angular

bzyku95Kompan3 lata temu3

@Dapred wejdź w zakładkę network w przeglądarce, jaki http status ma response w przypadku błędu przy logowaniu?

DapredKompan3 lata temu4

@bzyku95 200 XD no to by wiele tłumaczyło. Królu złoty dzięki wielkie za naprowadzenie :smiley:

Pokaż więcej komentarzy (7)

MelonuskDebiutant

w Programowanie 3 lata temu

TailwindCSS

Jakie macie lub znacie sposoby na lepszą organizację klas zamiast bezpośrednio w DOM w className?

W jednym z projektów wyciągnąłem klasy do czegoś takiego:

const cls = {

container: "...",

text: "..."

}

I później w DOM'ie można było użyć className={cls.container} z tym że traciłem wtedy wszystkie ficzery związane z podpowiadaniem kodu i sortowaniem klas.

#tailwindcss #frontend #react #angular #vue #programowanie

Kamil.jsKompan3 lata temu3

@Melonusk https://github.com/ben-rogerson/twin.macro pozwala na połączenie Tailwinda ze styled-components, emotion i innymi bibliotekami.

Dzięki temu używając Tailwinda możesz tworzyć ostylowane komponenty i po prostu je importować z innego pliku zamiast zaśmiecać DOM długimi className'ami. Jeśli chcesz nadal możesz używać Tailwinda w DOM, tylko zamiast w className umieszczasz go w atrybucie "tw", więc przy istniejącym projekcie trochę trzeba zrobić w ramach migracji.

Dopiero wczoraj odkryłem tę bibliotekę, bo tak jak ty chciałem uporządkować trochę DOM bez porzucania Tailwinda, więc jeszcze nie wiem czy jest coś lepszego i jakie potencjalne problemy mogą wyjść przy używaniu tego. W readme są przykładowe projekty w różnych technologiach, więc można szybko sprawdzić i się pobawić.