GithubHelp home page GithubHelp logo

project2's Introduction

Project2

Description

This page is used to manage your magic decks and find new decks and cards

MVP

Home page, Decks search page, Cards search page, Personal page, Deck info page, Card info page, Call to Magic's API for the cards info User and Deck Model CRUD + authentication and authorization Resposive page

Backlog

Cards market, Events (tournaments...), Basic version of the game

Wireframes

https://wireframepro.mockflow.com/view/Ma9f049c5e2ef4f1452e77725e0e4fb091602166447826

APIs

https://api.magicthegathering.io

Structure


project2/
    |── bin
    |    |── seeds.js
    |   └── www
    |── models
    |    |── Card.js
    |    |── Deck.js
    |   └── User.js
    |── public
    |    |── images
    |    |    |── favicon.ico
    |    |   └── wireframe.png
    |   └── stylesheets
    |        └── style.css
    |── routes
    |    |── auth.js
    |    |── deck.js
    |    |── index.js
    |    |── search.js
    |   └── user.js
    |── views
    |    |── auth
    |    |    |── login.hbs
    |    |   └── signup.hbs
    |    |── search
    |    |    |── card.hbs
    |    |   └── deck.hbs
    |    |── cardInfo.hbs
    |    |── deckInfo.hbs
    |    |── error.hbs
    |    |── index.hbs
    |    |── layout.hbs
    |   └── profile.hbs
    |── .gitignore
    |── app.js
    |── package-lock.json
    |── package.json
README.md \

Routes

MethodRouteDescriptionRequest - BodyGET/Main page route. Renders home index view.GET/loginRenders login form view.POST/loginSends Login form data to the server.{ username, password }GET/signupRenders signup form view.POST/signupSends SignUp info to the server and creates user in the DB.{ name, email, password }GET/randomRenders to the random card pageGET/userPriv route. Renders user view and list projects and cardsGET/project/create/Priv route. Renders create projects form.POST/project/create/:_idPriv route. Sends new projects info to server, updates DB.{ projectname, description}GET/project/edit/Priv route. Renders edit projects form.PUT/project/edit/:_idPriv route. Sends edit projects info to server, updates DB.{ projectname, description }POST/card/create/Priv route. Sends new cards info to server, updates DB.{ description }GET/card/create/Priv route. Renders create cards form.DELETE/projectsPriv route. Deletes user project from DB.DELETE/cardsPriv route. Deletes user card from DB.GET/logoutPriv route. Destroy current session. Renders home index view.

Models

User model
    {
        username: {type: String, require: true},
        email: {type: String, require: true},
        password: {type: String, require: true},
        decksId: { type: [String]},
        userCards: {type: [{cardId: String, count: Number}]},
        profileImg: {type: String, default: 'images/defaultAvatar.png'}
    }

Deck model
    {
        name: {type: String, require: true},
        authorId: {type: String, require: true},
        mainCards: {type: [{cardId: String, count: Number}], require: true},
        sideboard: {type: [{cardId: String, count: Number}], require: true},
        likes: {type: [String]}
    }\

Links

GitHub https://github.com/xcaparros89/Project2

Heroku ...

Trello https://trello.com/invite/b/QA7dhTFu/48c335959060ca3fd50a64b7a025937d/m2-proyecto

project2's People

Contributors

oooscaaar avatar xcaparros89 avatar

Watchers

 avatar  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.