Zakończ i dopracuj Platformę Nauki Wina (aplikacja internetowa React.js)
Cel
Sfinalizować i dopracować platformę do nauki wina, upewniając się, że jest czysta, bezpieczna i gotowa do produkcji.
Co Twój programista musi zrobić
1. Przegląd projektu i kontekst wizualny
Obejrzyj te demonstracje wideo, aby w pełni zrozumieć aktualną funkcjonalność i przepływ interfejsu platformy:
Wideo #1: Przewodnik klienta po interfejsie platformy i logice funkcji
https://drive.google.com/file/d/1eEwKRO405WH90pOp_bJq6A68ft3QoKYk/view?usp=sharingWideo #2: Szczegółowe wyjaśnienie poziomów dostępu, płatności i struktury kursu https://drive.google.com/file/d/18_V2q9xPKM5muQtczIwV2ev3MX1kfvUX/view?usp=sharing
Te filmy wyraźnie pokazują, jak platforma ma działać, co jest niezbędne przed przystąpieniem do kodu.
2. Przegląd kodu i czyszczenie
Audyt kodu React + TypeScript.
Poprawa struktury, czytelności i jakości.
Usunięcie przestarzałej logiki lub słabej nazewnictwa.
Zwróć uwagę na wszelkie luki w zabezpieczeniach lub słabe punkty.
3. Integracja z Stripe
Upewnij się, że Stripe działa poprawnie w trybie testowym i na żywo.
Upewnij się, że płatności uruchamiają odpowiedni dostęp.
Sprawdź i napraw obsługę webhooków, jeśli to konieczne.
Uczyń cały proces subskrypcyjny płynny — od zakupu do praw dostępu.
4. Integracja z Firebase
Zapisuj i śledź postępy w Firebase (np. ukończenie lekcji).
Wprowadź ograniczenia dostępu, aby użytkownicy widzieli tylko treści, do których mają prawo.
Upewnij się, że synchronizacja między Firebase a logiką aplikacji jest solidna.
5. Logika poziomów dostępu (Poziomy 1–4)
Wprowadź logikę, aby subskrypcje odblokowywały treści od Poziomu 1 do Poziomu 4 w odpowiedni sposób.
Upewnij się, że użytkownicy widzą tylko treści, do których są subskrybowani, w zależności od wybranego poziomu.
6. Dopracowanie UI i obsługa błędów
Popraw elementy UI zidentyfikowane w filmach instruktażowych.
Dopracuj odstępy, czcionki, przyciski i nawigację.
Dodaj jasne komunikaty o błędach dla przypadków brzegowych (nieudane płatności, dostęp zabroniony, problemy z zapisywaniem postępów itp.).
7. Wdrożenie produkcyjne
Przygotuj ostateczną wersję do hostingu Firebase.
Zweryfikuj, że integracje Stripe i Firebase działają w trybie produkcyjnym.
Przeprowadź testy end-to-end (rejestracja → zakup → dostęp → zapisywanie postępów) przed uruchomieniem.
Opcjonalne (do rozważenia później)
Struktura funkcji fiszek (do dodania, gdy główna platforma będzie w pełni operacyjna i jeśli budżet na to pozwoli).
Podsumowanie dla programisty
Obejrzyj filmy instruktażowe, aby zrozumieć logikę biznesową i oczekiwania dotyczące UI.
Oczyść kod, aby poprawić jego utrzymanie i bezpieczeństwo.
Sfinalizuj procesy Stripe, aby użytkownicy mogli pomyślnie płacić i uzyskiwać odpowiedni dostęp.
Wprowadź śledzenie postępów w Firebase i zarządzanie dostępem.
Skonfiguruj kontrolę dostępu do treści Poziomu 1–4.
Dopracuj UI i dodaj solidną obsługę błędów.
Wdrożenie do produkcji i dokładne testowanie.
Opinia zleceniodawcy o współpracy z Ashot Vardanyan
Zakończ i dopracuj Platformę Nauki Wina (aplikacja internetowa React.js)Ashot był absolutnie świetny w swojej pracy — precyzyjny, profesjonalny i w pełni zaangażowany w realizację zakresu pracy, nawet dostosowując kilka zmian poza zakresem, o które prosił nasz interesariusz. Dziękujemy, Ashot — czekamy na kontynuację współpracy.
-
Oferta, która wygrała10 dni1838 PLN
358 1 0 Oferta, która wygrała10 dni1838 PLNSzacuję, że praca zajmie około 7–10 dni, zakładając około 8 godzin pracy dziennie. Dokładny czas może się różnić w zależności od rodzaju i złożoności kodu, ponieważ mogą wystąpić nieprzewidziane problemy lub błędy.
-
7 dni1838 PLN
162 7 dni1838 PLNDzień dobry.
Z zainteresowaniem zapoznałam się z Państwa projektem. Jestem pewna, że mogę wykonać efektywną i wysokiej jakości pracę, odpowiadającą Państwa wymaganiom i oczekiwaniom. Posiadam ponad 8-letnie doświadczenie. Jestem gotowa omówić szczegóły i przystąpić do pracy. Czekam na Państwa odpowiedź.
-
15 dni3676 PLN
173 15 dni3676 PLNCześć!
Dziękuję za szczegółowe wyjaśnienie.
Jako programista full stack mam wystarczające doświadczenie w Typescript, React.js, firebase, integracji Stripe itp.
Mam pewność, że zbuduję Twój projekt z sukcesem.
Porozmawiajmy o tym bardziej szczegółowo.
… Z pozdrowieniami!
-
20 dni3676 PLN
532 5 1 20 dni3676 PLNDroga Snezhano Yosipenko,
Z radością aplikuję na stanowisko dewelopera, aby ukończyć i ulepszyć Platformę Nauki Wina. Z bogatym doświadczeniem w React, TypeScript, Firebase i integracjach z Stripe, jestem pewny, że dostarczę czystą, bezpieczną i gotową do produkcji platformę, która spełni Twoje wymagania.
Podejście do projektu
Przegląd projektu i kontekst wizualny
Dokładnie przejrzę dostarczone filmy demonstracyjne, aby zrozumieć funkcjonalność platformy, przepływ UI i logikę biznesową. To zapewni zgodność z Twoją wizją przed zanurzeniem się w kodzie.
Przegląd kodu i czyszczenie
Przeprowadzę kompleksowy audyt kodu React + TypeScript, aby:
… Ulepszyć strukturę, czytelność i łatwość utrzymania poprzez refaktoryzację źle nazwanych zmiennych, usunięcie przestarzałej logiki i przestrzeganie najlepszych praktyk.
Zidentyfikować i zminimalizować potencjalne luki w zabezpieczeniach, takie jak niewłaściwa walidacja danych wejściowych lub ujawnione klucze API.
Wdrożyć spójne standardy kodowania i dokumentację dla przyszłej skalowalności.
Integracja z Stripe
Zapewnię, że Stripe działa bezproblemowo zarówno w trybie testowym, jak i produkcyjnym, poprzez:
Walidację przepływów płatności, aby potwierdzić poprawne aktywowanie poziomu dostępu po zakupie.
Wdrożenie solidnego zarządzania webhookami do obsługi zdarzeń subskrypcyjnych (np. sukces płatności, niepowodzenie lub anulowanie).
Testowanie przypadków brzegowych, takich jak nieudane płatności, i zapewnienie jasnej informacji zwrotnej dla użytkowników.
Integracja z Firebase
Zintegruję Firebase, aby:
Śledzić postępy użytkowników (np. ukończenie lekcji) za pomocą Firestore z skalowalnym modelem danych.
Wprowadzić ograniczenia dostępu w oparciu o poziomy subskrypcji, zapewniając, że użytkownicy mają dostęp tylko do autoryzowanej treści.
Optymalizować synchronizację w czasie rzeczywistym między Firebase a frontendem, aby zapewnić płynne doświadczenie użytkownika.
Logika poziomu dostępu (poziomy 1–4)
Wdrożę bezpieczny i modułowy system kontroli dostępu, aby:
Ograniczyć widoczność treści w zależności od poziomu subskrypcji użytkownika (1–4).
Użyć Firebase Authentication i reguł Firestore, aby egzekwować dostęp zarówno na poziomie klienta, jak i serwera.
Polerowanie UI i obsługa błędów
Ulepszę UI na podstawie opinii z filmów, koncentrując się na:
Spójnym odstępie, typografii i stylach przycisków przy użyciu Tailwind CSS dla dopracowanego wyglądu.
Jasnych, przyjaznych dla użytkownika komunikatach o błędach w scenariuszach takich jak nieudane płatności lub ograniczony dostęp.
Responsywnym designie, aby zapewnić kompatybilność na różnych urządzeniach.
Wdrożenie produkcyjne
Przygotuję platformę do Firebase Hosting, tworząc zoptymalizowany produkt
-
7 dni1838 PLN
129 7 dni1838 PLNCześć, jak się masz?
Sprawdziłem twoje filmy i wymagania.
Mogę idealnie zakończyć tę aplikację na podstawie twoich wymagań.
Połączmy się i zakończmy wszystko.
Dzięki.
Aktualne zlecenia dla freelancerów w kategorii Javascript & Typescript
Poprawić CSS/DOM-układ kart w rozszerzeniu Chrome dla lokalizacji D&D BeyondJest to rozszerzenie Chrome Manifest V3, które lokalizuje stronę D&D Beyond na język ukraiński. Projekt napisany jest w TypeScript + WXT. Rozszerzenie działa poprzez skrypt zawartości: znajduje angielski tekst na stronach D&D Beyond i zastępuje go ukraińskim tłumaczeniem.… Układ HTML i CSS, Javascript & Typescript ∙ 2 godziny 41 minut temu ∙ 15 ofert |
Moduły dla strony na Laravel
330 PLN
Moduł dostawy i płatności dla strony https://novabook.top/ (Botble CMS / Laravel) Dodać w checkout wygodne metody dostawy i płatności (w tym ratalne), w podobnym stylu i wygodzie jak na stronie mirson ua.Dostawa (obowiązkowo) Nowa Poczta Oddział Paczkomat Kurier na adres… Javascript & Typescript, PHP ∙ 8 godzin 44 minuty temu ∙ 18 ofert |
Rozwój platformy AM Mobility (serwis samochodowy, parking, ubezpieczenie, wynajem samochodów)
21 212 PLN
Szukamy zespołu lub doświadczonego programisty Full Stack do stworzenia MVP platformy AM Mobility. AM Mobility to jednolita cyfrowa ekosystem dla kierowców, łącząca w jednej aplikacji i platformie internetowej: parking; serwis samochodowy; wulkanizację; myjnię samochodową;… Javascript & Typescript, Programowanie stron internetowych ∙ 11 godzin 41 minut temu ∙ 81 ofert |
Animacje Gsap
83 PLN
Dzień dobry. Trzeba wprowadzić poprawki w bieżącym projekcie. Potrzebny specjalista, który dobrze pracuje na gsap/lenis Trzeba zrobić animację kart. Szczegółowe wymagania tutaj:… Javascript & Typescript, Programowanie stron internetowych ∙ 17 godzin 27 minut temu ∙ 17 ofert |
Komercyjna platforma wideokonferencyjna on-premise „ViM”Wymagana jest opracowanie systemu wideokonferencyjnego on-premise z podstawowym obliczeniem na 100 jednoczesnych połączeń (10 izolowanych pokoi po 10 osób). Platforma powinna mieć wbudowaną architekturę do przyszłego poziomego skalowania do 1000 użytkowników poprzez dodawanie… Javascript & Typescript, Programowanie stron internetowych ∙ 1 dzień 12 godzin temu ∙ 28 ofert |