Test et DesignoLearn : application d’apprentissage indigenous React à heap complète ! (Nouveau)

49.00 $

Buy Now


LIVE PREVIEWBUY FOR $49

Quiz et DesignoLearn : application d'apprentissage native React à pile complète !  (Nouveau) - 1

Application mobile d’apprentissage Designo

Publiez vos propres test et leçons avec un panneau complet front-end, back-end et admin,

une service complète put un apprentissage gamifié. Les utilisateurs peuvent participer à l’amusement

test et questionnaires, ainsi qu’être récompensé put les bonnes réponses, suivre leur

progressez, avancez dans les niveaux et plus repetition! Fonctionne aussi très bien put les entreprises

put aider à previous les employés tout en étant agréable !

Ce que vous obtenez

– Front-end React Indigenous (déployable sur tous les websites Internet, iphone, Android)

– Back-end Node.js avec base de données PostgreSQL

– Tableau de bord de l’administrateur React (Application d’une seule web page)

Promote le code a été rationalisé et est construit avec Javascript uniquement ! Une seule langue put toute l’application full-stack ! C’est très impressionnant de nos jours.

Pourquoi React Indigenous ?

Nous avons choisi React Indigenous automobile il est avant proclaim développé et supporté the same level Facebook, et est de plus utilisé the same level eux dans leurs plus gros produits. De plus, respond indigenous est construit au-dessus de JSX/Javascript, ce qui signifie que nous n’avons pas à utiliser de langues supplémentaires et éviter plus de maux de tête avec la commutation des choses. Et enfin, nous voulons une base de code put chaque kind de déploiement – nous avons donc un code resource et 3 canaux (principaux) différents, notamment ; Internet, Android, iphone. La seule picked que nous ayons faite est de distinguer certains styles put chacun d’entre eux, donc parce qu’Android a une barre d’état différente de celle d’iOS, nous avons choisi d’avoir un design conditionnel afin que les deux systèmes d’exploitation aient l’air et fonctionnent bien avec l’application.

Pourquoi Node js, reveal, postgres (heap PERN) ?

Nous avons choisi node et reveal comme back-end en raison de sa perception puissante de middleware, brain permettant de disséquer et d’organiser des courses ainsi que d’ajouter des middleware (conditionnellement aussi !) Postgres est également un bon choix put cette application en raison de ses efficiencies et de ses capacités. Express est bon automobile il nous permet de combiner notre middleware, nos contrôleurs, nos routeurs et de réduire considérablement le temps de codage/développement.

L’extrémité avant

Le front-end (customer) est l’application principale, qui peut être exportée vers le Internet, ios et/ou Android. En utilisant Exposition, nous pouvons facilement déployer soit un apk complet, soit un apk groupé (et plus efficace) à publier sur le magasin.

L’ensemble du customer est également une web page special (MEDSPA), ce qui signifie de meilleures efficiencies, plus de convivialité et des web pages fluides. Les utilisateurs joueront sur le customer, avec leurs progrès, leurs tentatives, leurs niveaux enregistrés

necklace qu’ils sont activement engagés dans l’application. Le customer chargera les données du backend et répondra en conséquence. Nous proposons des publicités put Google Admob, qui peuvent être configurées dans le tableau de bord d’administration, entre autres. Activez/désactivez facilement les publicités, modifiez les fournisseurs de publicités, l’ID, etc.

Fonctionnalités frontales :

– Écrans d’authentification : Connexion, Engraving, Mot de out of style oublié, Google (OAuth2)

– Écrans d’action : sélectionnez la catégorie à lire (+ pictures !), sélectionnez le niveau (+ pictures !), paramètres

ÉCRANS D’AUTHENTIFICATION :

-Connectez-vous à la fois avec l’e-mail the same level défaut ou avec le assistance google OAuth 2.0

—Enregistrez-vous through la méthode de courrier électronique the same level défaut ou oauth 2.0 comme mentionné ci-dessus.

—Mot de out of style oublié : l’e-mail/le nom d’utilisateur sont saisis dans le champ put envoyer un lien de réinitialisation à leur e-mail avec des directions détaillées.

ÉCRANS D’ACTION :

—Sélectionner une catégorie : choisissez une catégorie de test et explorez ses niveaux, avec des pictures affichées the same level catégorie (facultatif). Un jpeg the same level défaut (sans picture) est affiché the same level défaut.

—Sélectionner un niveau : choisissez un niveau dans une catégorie, vous permet de jouer le niveau et d’explorer ses inquiries sous forme de jeu !

—Paramètres : choisissez des choices spécifiques telles que le setting sombre de l’application et/ou autorisez certains boutons/liens à rediriger les utilisateurs vers des online forums et ainsi de collection. Get rid of également d’un bouton de déconnexion.

—Annonce interstitielle : un écran straightforward qui abrite l’annonce, comporte un bouton de retour.

ÉCRAN DE CONCERNS :

—Barre de rating : suivez votre development dans le niveau ou revenez au food selection principal.

— Picture de la concern : une représentation visuelle de la concern est feasible, montrant à l’utilisateur une grande picture.

— Choix de inquiries : les choix disponibles put l’utilisateur à sélectionner et tenter sa opportunity put obtenir la bonne réponse.

—Afficher l’écran de réponse : écran facultatif qui peut être configuré put masquer ou afficher après avoir répondu à une concern correcte ou erronée.

…et plus!

—Sons disponibles put répondre aux inquiries

—Thème de la victoire et thème de la défaite/perte !

—Bips positifs et erreurs négatives en fonction de la réponse aux inquiries !

—Saveur techno put les kids, régulier et techno étant les deux choices.

SCUBA DIVERS :

—Thèmes : autorisez des thèmes clairs/sombres put le customer, put les noctambules !

—Style élégant et épuré avec des boîtes flexibles

—Système de symbols : actuellement, il existe trois kinds de gemmes qui sont utilisées comme develops, les gemmes bleues étant laissées vides put que vous puissiez les personnaliser. Les gemmes rouges et jaunes sont actuellement utilisées, les gemmes rouges étant récompensées put les inquiries singulières obtenues correctement, et les gemmes jaunes put avoir terminé avec succès des niveaux entiers.

—Système de navigating : vous permet de revenir en arrière, avec des écrans basés sur les autorisations afin que les utilisateurs déconnectés ne puissent pas accéder à certains écrans, à l’inverse, les utilisateurs connectés peuvent jouer et participer à leur role.

MARCHÉ :

—Achetez certains objets du jeu avec des gemmes rouges !

—Remplissez vos strives avec 500 gemmes rouges !

—Changez la saveur du child avec 1000 gemmes rouges (pack de kids techno) !

—Achetez des strives illimitées necklace 24 heures put 1500 gemmes rouges !

—Masquer les publicités put 4,99 $ en utilisant les achats intégrés

STATISTIQUES:

—Voyez combien de personnes vous avez parrainées through votre code de parrainage !

—Voyez combien de temperatures vous avez passé à jouer sur l’application au overall !

— Voyez le nombre de victoires que vous avez remportées jusqu’à présent, avec des gemmes rouges également !

—Voyez combien de jours vous avez été en ligne consécutifs !

CLASSEMENT:

—Afficher les 15 meilleurs joueurs du classement classés par complete de victoires

— Met en évidence votre joueur actuel si vous êtes classé, indiqué the same level une couleur verte !

—Comparez-vous avec d’autres utilisateurs et rivalisez put les rangs !

Back-end

LES RÔLES

—Créez des rôles personnalisés, en plus de ceux existants : (Superadmin, Admin, Fundamental).

— Bloquer certaines courses vers des rôles insuffisants, tels que la mise à jour des utilisateurs, la lecture des utilisateurs, etc.

—Attribuez des activities à différents itinéraires, donc readOwn, readAny, updateOwn, updateAny, deleteOwn, deleteAny, createOwn, createAny, et plus repetition !

—Les super-administrateurs sont codés en dur dans le backend et doivent être configurés manuellement dans le code, mais c’est très straightforward et ne nécessite que de modifier l’email (et de le définir sur ce que vous souhaitez que l’email du super-administrateur soit), puis de créer un nouveau compte à l’avant -finir.

AUTHENTIFICATION

—Authentification basée sur des jetons, les jetons étant stockés dans les cookies (put la connexion au tableau de bord) et le stockage sécurisé/stockage asynchrone en fonction de votre système. Les appareils mobiles utiliseront SecureStorage.

—Les jetons JWT sont utilisés, qui sont techniquement publics mais ont une clé privée, une sécurité incroyable.

—Vérification des jetons, donc si des jetons sont falsifiés, ils ne vous laisseront pas passer !

— Le mot de passe oublié a un système basé sur Django qui est incroyablement sécurisé. Fournit des liens qui expirent dans un particular délai, ainsi que si des données changent dans la base de données, proclaim en étant aussi performant que feasible et en effectuant les vérifications if-else les moins chères en leading, put éviter les appels coûteux.

— Prise en cost de Google OAuth 2.0 put la connexion et/ou l’enregistrement, déchargez le dur labeur d’un géant technologique, Google !

—Prise en cost de Key JS put la connexion et la vérification des jetons d’accès

DES MODÈLES

—Un set complet de modèles put la base de données, permettant une personnalisation et une perception puissantes, avec des relationships plusieurs-à-plusieurs ainsi que des modèles fortement liés qui vous permettent de combiner et de lier (the same level exemple) des inquiries à des catégories, des niveaux et des utilisateurs, ainsi que fournir des relationships sophistiqués et détaillés des modèles susmentionnés dans la base de données, avec leurs enregistrements distingués et choisis spécifiquement.

—QuestionSet comprend une concern, un niveau, une catégorie

Chaque concern appartient à un niveau et chaque niveau appartient à une catégorie.

-Suivre les tentatives de niveau utilisateur, ainsi que le temperatures qu’il a fallu put répondre aux inquiries, combien de temps il a fallu put terminer le niveau entier, etc.

—Suivre l’achèvement ou les deserts de l’utilisateur, utile put fournir des evaluations basées sur les données telles que la concern suivante : Quelle concern a été /Quittée/ le plus souvent ? Entre autres !

—Paramètres, Paramètres globaux, Paramètres disponibles, Paramètres utilisateur.

Les paramètres globaux sont utiles put les éléments qui couvrent l’ensemble de l’application, tels que la politique de confidentialité, la variation de l’application et bien d’autres !

UserSettings comprend des choices liées aux utilisateurs, donc si un utilisateur a activé le thème en setting sombre, il lotions géré the same level le modèle UserSetting.

Les paramètres disponibles sont des paramètres qui peuvent être configurés et affichés the same level les utilisateurs, englobant des choices qui ne sont pas repetition définies, mais peuvent être basculées ou modifiées.

SCUBA DIVERS

—Assistance d’image put la grille de niveau, la grille de catégorie, l’écran de concern

—Prend en cost le compartiment AWS/S3 put télécharger des pictures et y accéder de la même manière.

—Système intégré put mise à jour/création put toutes les données du système.

Panneau d’administration

—Englobe tous les modèles de la base de données, donc affichez les listes de :

Utilisateurs, catégories, niveaux, inquiries, choix de inquiries, paramètres, paramètres globaux, development de l’utilisateur, tentatives de l’utilisateur et plus repetition !

—Politique de confidentialité, termes et problems, variation de l’application

—Afficher les bonnes réponses

—Configurez les publicités, activez/désactivez différents kinds de publicités, telles que les bannières publicitaires, les publicités interstitielles. Ne prend en cost que Google Admob put le minute. Soutiendra les publicités Facebook dans un avenir très immédiat.

—Tables et sous-tables propres et organisées affichant des listes de données.

—Création de données modales

—Filtrer la table en fonction des colonnes, donc afficher/masquer l’utilisateur : nom, email, day d’enregistrement, etc.

—Le panneau principal Statistiques/tableau de bord affiche des données résumées telles que le nombre d’utilisateurs, comparés à d’autres mois de l’année. Affiche les classements put celui qui a les plus hautes differences et gemmes/score. Affiche les utilisateurs avec les réponses aux inquiries les plus élevées et plus repetition !

—Application à web page special donc pas de redirection de web page, proclaim est géré dans une seule web page.

—Assistance de droite à gauche (uniquement put le panneau d’administration), put des langues telles que l’arabe !

PROBLEMS:

– Hébergement Node js (de préférence amazon.com ou google)

— Les options gratuites incluent : Heroku, Problem

– Un référentiel d’images, tel que les compartiments Amazon.com S3 (facultatif)

– Si vous développez put Android, vous avez besoin d’un compte développeur Google.

– Si vous développez put iphone, vous avez besoin d’un compte développeur Apple.

– Si vous voulez des publicités, vous devez faire partie du program AdMob.

OUTILS:

-Code VisualStudio

– Nœud

– Réagir/Exposition

group: mobile/native-web
rate : $ 49
hashtags : #Quiz #DesignoLearn #application #dapprentissage #native #React #pile #complète #Nouveau

Be the first to review “Test et DesignoLearn : application d’apprentissage indigenous React à heap complète ! (Nouveau)”

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.

Reviews

There are no reviews yet.

Main Menu

Test et DesignoLearn : application d'apprentissage indigenous React à heap complète ! (Nouveau)

49.00 $

Add to Cart