Remix

Make your own version of Studiverse Campus

Edit the prompt below and generate a customized version in seconds.

Original by Meriem Brh

Describe your app

Crée une application web complète pour étudiants, nommée Studiverse (), avec le slogan "Everything students need. In one place.". L'application doit être livrée comme un site web fonctionnel unique, prêt à être utilisé, sans dépendance externe complexe à installer. Direction artistique Palette chaleureuse "campus/carnet d'étudiant" : crème, brun clair et brun foncé, encre foncée, bleu marine pour les accents/liens/boutons, blanc cassé pour les cartes. Coins arrondis généreux, cartes claires sur fond crème, boutons en forme de pilule ou à contour marine. Une police serif élégante pour les titres, une police manuscrite/script pour le logo, une police sans-serif propre pour le texte courant. Emojis utilisés comme petites icônes dans les titres de section. Pages principales Page d'accueil (landing) : grand visuel plein écran, logo circulaire "S", titre en écriture manuscrite "Studiverse", sous-titre, boutons "Se connecter" / "S'inscrire". Tableau de bord : visuel d'en-tête avec le logo et le slogan, puis une grille de grandes cartes-raccourcis vers les sections principales (Marketplace, Student Help, Study Groups, Events), chacune avec une photo et une légende. Une fois connecté, une barre latérale permanente donne accès à toutes les sections de l'application, avec un raccourci vers l'accueil. Sections / fonctionnalités attendues (avec ajout et suppression réels, sauvegardés) Marketplace : petites annonces entre étudiants (titre, prix, vendeur, photo). Possibilité d'ajouter une annonce, de la supprimer, et de contacter le vendeur. Lost & Found : objets perdus ou trouvés sur le campus (lieu, heure, statut). Ajout, suppression, contact. Student Help : forum de questions/réponses classées par matière, avec compteur de réponses, possibilité de répondre et de supprimer une question. Study Groups : groupes de travail (université, niveau, compétences recherchées, places restantes). Création d'un groupe, demande pour rejoindre avec limite de membres, suppression. Tutoring : annuaire de tuteurs (matière enseignée, mode en ligne/présentiel, niveau, compétences). Ajout, consultation des détails, contact, suppression. Find a partner : mise en relation pour réviser à deux (matière, objectif). Ajout, contact, suppression. Events : événements du campus (date, lieu, photo). Ajout et suppression. Organisation personnelle : un espace centralisant : des notifications intelligentes (examen proche insuffisamment révisé, tâche urgente), une to-do list groupée par matière avec barre de progression par matière, des rappels d'examens avec compte à rebours en jours, un planning hebdomadaire où l'on peut assigner des tâches à un jour précis, un suivi d'habitudes quotidiennes avec un graphique des jours les plus productifs, un emploi du temps cliquable, une liste de cours classés automatiquement par thème à partir de mots-clés. Messages : une vraie messagerie façon WhatsApp — liste des conversations avec aperçu du dernier message, fil de discussion avec bulles distinctes pour soi et pour l'autre personne, champ de saisie avec envoi au clavier ou par bouton, et une réponse automatique simulée pour que la conversation semble vivante. Tous les boutons "Message" de l'application ouvrent directement une conversation avec la bonne personne. Profil : une carte simple avec nom, université et niveau d'étude. Ateliers interactifs : voir section dédiée ci-dessous. Ateliers interactifs — maquettes 3D réalistes (le cœur du projet) Deux ateliers, chacun proposant une véritable scène 3D interactive et manipulable (pas des images figées), avec un panneau d'explication à côté et une liste de composants sur laquelle on peut cliquer. Atelier "Ordinateur" Démarre sur un MacBook Air M1 modélisé en 3D et détaillé (coque, clavier, trackpad, écran, logo, charnière), dont l'écran s'ouvre automatiquement avec une animation à l'arrivée sur la page. Le MacBook apparaît posé dans un décor réaliste de bureau (photo réelle en fond de scène). Un bouton "Voir les composants" déclenche une transition fluide vers une tour PC en vue éclatée, montrant le boîtier ouvert, la carte mère, le processeur, le ventilateur de refroidissement (animé, avec un anneau lumineux qui change de couleur), la mémoire vive, la carte graphique (ventilateurs animés), l'alimentation avec ses câbles, et un ventilateur avant lumineux. L'ambiance visuelle bascule vers un décor technique sombre. Un bouton permet de revenir au MacBook. Toutes les surfaces utilisent de vraies photographies réalistes comme matières (métal brossé, clavier, carte mère, puce de processeur, carte graphique réelle, cuivre) plutôt que des couleurs plates. On peut faire tourner la scène en glissant la souris, zoomer à la molette, et elle tourne doucement toute seule quand on n'interagit pas. Cliquer directement sur une pièce dans la scène 3D affiche son nom et son explication. Cliquer sur le nom d'une pièce dans la liste fait automatiquement zoomer et recentrer la caméra sur cette pièce précise en 3D, en plus d'afficher son explication — un vrai effet d'inspection rapprochée. Atelier "Corps humain" Une silhouette humaine translucide, comme une radiographie ou un "homme invisible", à travers laquelle on voit les organes internes en 3D : cerveau, cœur, poumons, foie, estomac, reins, intestins. Le cœur bat légèrement de façon animée. Les organes principaux utilisent de vraies photographies réalistes de modèles anatomiques pour un rendu crédible, sans imagerie médicale choquante. Mêmes interactions que pour l'ordinateur : rotation à la souris, zoom à la molette. Cliquer directement sur un organe affiche son nom. Cliquer sur le nom d'un organe dans la liste fait zoomer la caméra en douceur, très près de cet organe précis, tout en affichant une explication détaillée de son rôle — dans l'esprit des applications d'anatomie 3D grand public comme. Un bouton "Vue d'ensemble" permet de dézoomer et de revenir à la vue globale du corps. Règles de contenu image Toujours utiliser de vraies photographies réalistes (banques d'images libres de droits) pour habiller les objets 3D, plutôt que des couleurs plates, chaque fois qu'une photo appropriée existe. Ne jamais réutiliser des images provenant de sites de presse ou de sources protégées : toujours trouver une photo équivalente libre de droits. Pour le corps humain, utiliser des photos de modèles anatomiques pédagogiques réalistes plutôt que des images médicales graphiques ou choquantes. Exigences générales Toutes les actions d'ajout et de suppression doivent fonctionner réellement et être conservées d'une visite à l'autre. L'interface doit s'adapter aux petits écrans (mobile). Tout le texte de l'interface est en français. Le nom doit apparaître dans le titre de la page et discrètement dans l'interface. Le résultat doit être un site complet et fonctionnel, prêt à être mis en ligne tel quel. je veux que la partie organisation soit parfaite : l etudiant doit pouvoir ajouter les dates de ces examens ou un fichier ou y a les dates et automatiquement ca classe et organise la semaine selon les dates ca divise son temps de révision ettt

Free to use. No credit card required.