Giter Site home page Giter Site logo

mute-server-side's Introduction

Mute


Description

Es una app dirigida a niños para poder mejorar la compression lectora, con la opcion de crear tus propias historias.

User Stories

  • ANON:

    • Login: Podras entrar en tu session para tener acceso a todo el contenido de la app.
    • Signup: Podras registrarte como usuario para poder login.
    • 404: Se te mostrara una pagina 404, cuando intentes entrar en una pagina que no este disponible.
  • USER:

    • Home Page: Como usuario tendras acceso a todo el contenido de la app.
    • Add Story Page: Podras añadir historias nuevas.
    • Edit Story Page: Podras editar unicamente las historias creadas por ti.
    • Story: Podras interactuar con la historia.

Backlog

Story:

  • Buscador de historias publicas.
  • Diferenciar de quien son las historias.
  • Poder escuchar la historia para tener una mejor compression.
  • Boton de ayuda para crear la historia.
  • Añadir tematicas.
  • Las respuestas esten en formato imagen.

App:

  • Seleccionar idioma.

Client / Frontend

Routes

Path Component Permissions Behavior
/login LoginPage public Log in page
/signup SignupPage public Sign up page
/not-found NotFoundPage public Not found page
/ HomePage user only Home page con links a story, addStory, editStory
/addStory Add Story Page user only Crea tu propia historia
/story/:id Story Page user only Interactua con la historia seleccionada
/story/:id/edit Edit Story Page user only Edita las historias creadas por ti
/story/:id/path/1 Paragraph Page user only Renderiza el parrafo del cuento
/story/:id/path/1/questions Questions Page user only Renderiza la pregunta del parrafo

Components

Pages

  • Log in
  • Signup
  • User home
  • Add story
  • Edit story
  • Story
  • Paragraph
  • Qüestions

Components

Services

  • Auth Service

    • auth.login(user)
    • auth.signup(user)
    • auth.logout()
  • Story Service

    • getStory()
    • getOneStory()
    • AddOneSTory(Story)
    • UpdateStory(id, updateStory)
    • DeleteOneStory(id)
  • Map Service

    • getMap()
    • AddOneMap(newMap)
    • UpdateMap(id, updateMap)
    • DeleteOneMap(id)

Server / Backend

Models

User model

{
  userName:String,
  password: String,
  map: [Obj.id],

  
  
}

Story model

 {
  title:String,
  paragraph:[String],
  questions: [
      {
          question: String,
          answer1: String,
          answer2: String,
          answer3: String,
          correct: String enum,
      }],
  theme:Obj.id,
  creator:Bolean
 }

Map model

{
  completePath:Number,
  story: Obj.id
}

Theme model

{
  checkpoint: [String],
  background: String,
  price:String
}

API Endpoints (backend routes)

HTTP Method URL Request Body Success status Error Status Description
GET /auth/me 201 404 recibe la session del usuario
POST /auth/signup {name, email, password} 201 404 guardamos los datos del usuario
POST /auth/login {username, password} 200 401 Mira si los campos no estan vacios (422), si el usuario existe (404), i si existe la contrasenya (404), entonces inicia session
POST /auth/logout 204 400 cierra la session del usuario
GET /map {maps} 200 404 recibe todos los maps
DELETE /map/:idMap/delete {idMap} 200 400 borro el map
GET /map/:idMAp {idMap} recibe un mapa
PUT /map/:idMap/edit {idMap} edita el mapa
DELETE /map/:idStory/delete {idStory} 200 400 borra la historia
GET /story/:idStory {idStory} recibe una historia
PUT /story/:idStory/edit {idStory} edita la historia
POST /story/addstory {newStory} 400 añade una historia nueva

Links

Trello/Kanban

Trello board

Git

Client repository Link

Server repository Link

mute-server-side's People

Contributors

fuvanbuh avatar

Watchers

James Cloos 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.