Coder Social home page Coder Social logo

hajasattila / votevibe Goto Github PK

View Code? Open in Web Editor NEW
0.0 1.0 0.0 536 KB

My university thesis. A voting-based social media-like community game || Egyetemi szakdolgozatom. Egy szavazás alapú szociális média szerű közösségi játék

JavaScript 2.33% TypeScript 55.19% HTML 36.90% SCSS 0.20% CSS 5.38%
angular bsc-thesis firebase fullstack tailwindcss thesis university-project vote

votevibe's Introduction

VotingVibe (VV) - Szavazás alapú web alkalmazás

Bevezetés

A szakdolgozat célja egy szavazás alapú, döntéshozatali web alkalmazás létrehozása, amely lehetővé teszi a felhasználók számára a baráti társaságban történő közös döntéshozatalokat. A program tervezése és fejlesztése alatt kiemelt figyelmet kap a felhasználói élmény, és a bármilyen témában lévő szavazások gyors, hatékony és játékos lebonyolítása!

Felhasználói élmény

A szavazások során folyamatosan rendelkezésre áll a felhasználók számára egy intuitív és felhasználóbarát felületet, amely lehetővé teszi számukra a könnyed döntéshozatalt és a szavazások eredményeinek nyomon követését.

Regisztráció és bejelentkezés

A felhasználók számára lehetőséget kínál a program regisztráció nélküli (vendég) és a regisztrált felhasználói mód használatára. A vendégeknek először meg kell adniuk egy felhasználónevet, majd lehetőségük van szobákat generálni, vagy már meglévő szobákhoz lehetőségük van csatlakozni linkkel vagy kóddal.

Szavazási folyamat

Az alkalmazásban minden szavazás egy témakör köré szerveződik, ahol a felhasználók konkrét válaszokra szavaznak. Bizonyos módoknál a program biztosítja a képfeltöltés lehetőségét, ezzel is növelve a program sokszínűségét.

Példa szituációk

  • Példa szituáció - 1: Egy baráti társaság, amely vacsoraválasztás előtt áll, használhatja az alkalmazást. Miután beléptek egy szobába, mindenki hozzáadhatja az általa kedvelt ételeket, majd közös szavazás dönti el, hogy melyik ételt válasszák.
  • Példa szituáció - 2: Éppen a felhasználó egy ruha boltban vásárol, és a választék túl nagy. Képeket készít minden kérdéses megvásárolni kívánt ruháról, majd egy szavazást indít, ahova meghívja a barátait.

Eredmények

A szavazások végeztével a felhasználók diagramokat tekinthetnek meg a szavazások eredményeiről és a részvételi arányokról. Ezek az eredmények bármikor hozzáférhetők a regisztrált felhasználók számára.

Összefoglalás

Ez a szakdolgozatvázlat összefoglalja egy szavazás alapú döntéshozatali web alkalmazásnak tervezését. Az alkalmazás egyszerű használata és rugalmas szavazási konfigurációi lehetővé teszik a baráti közösségek számára, hogy könnyedén és élvezetesen hozzanak közös döntéseket.

Felhasznált technológiák

  • Fejlesztői eszközök: Visual Studio Code a választott kódszerkesztő, valamint Git a verziókezelő.
  • Programnyelvek: Node.js, TypeScript.
  • Könyvtárak és keretrendszerek: Angular v16.2, TailwindCss.
  • Adatbázis-kezelő rendszer: Az alkalmazás adatbázis-kezeléséhez Firebase-t választottam.
  • Hosztolás és szerver: Az alkalmazás a Firebase Hosting-on lesz deployolva.

Letöltés utáni futtatási parancs

npm install

Lokális futtatási parancs

ng serve

Példa Fiók

Az alábbiakban található egy példa fiók, amelyet a rendszer használatához használhat:

E-mail cím Jelszó
[email protected] asdasd

votevibe's People

Contributors

hajasattila avatar

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.