Giter Club home page Giter Club logo

johndatserakis / koa-vue-notes-web Goto Github PK

View Code? Open in Web Editor NEW
199.0 199.0 36.0 11.5 MB

๐Ÿค“ This is a simple SPA built using Koa as the backend, Vue as the first frontend, and React as the second frontend. Features MySQL integration, user authentication, CRUD note actions, and Vuex store modules.

Home Page: https://koa-vue-notes-web.innermonkdesign.com/

License: MIT License

JavaScript 6.75% HTML 0.44% Vue 36.68% TypeScript 16.48% Shell 0.04% SCSS 39.62%
boilerplate bootstrap demo frontend jwt mysql spa storybook template typescript vue vuex

koa-vue-notes-web's People

Contributors

changzhiwin avatar johndatserakis avatar laur89 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

koa-vue-notes-web's Issues

2 Questions on article

Hi,
Thanks for this nice project.
I had 2 queries on the article you wrote here:
https://vuejsdevelopers.com/2018/09/04/comparing-vue-and-react/

Although Bootstrap usage in my apps is becoming less and less

I was curious to know what css libraries you are using more and more? :)

After dealing with Vue for a few years and then working with React I quickly felt like Michael looking at Toby thinking, "Why are you the way you are?".

I was not sure which direction you meant this, and what you were referring to?

Thanks

When token expired,

Front pushing that alert message:

Server Error
Hmm, there was an error creating your account. Please try again.

and
api/v1/user/refreshAccessToken
returns "INVALID_REFRESH_TOKEN"


May it should be logged user's username
import { user } from "@/store/user";
...
username: user.getters["username"],

about the refreshtoken

great sample. helped a lot for greenhands.

a question:
regarding axios.interceptors.response, if the backend is not connected, this function would not be invoked, which means no TOKEN_EXPIERED would happen in front end. The user can still access other pages what need authentication.

is my comprehension correct?

Login broken on refreshToken expiry

Hi John,

think logout should be forced from axios-auth-interceptor.refreshAuthLogic() when 401 is returned from the api, indicating expired refreshToken. Otherwise client needs to manually nuke their localStorage to be able to continue - without doing so the web client will forever try to refresh the access token that will never succeed.

Thank you

Great examples (backend and frontend). This is very useful for me. Thank you for the wonderful code!

Q: why get rid of <keep-alive> ?

Hey man, glad to see you've updated the repos!
Sadly my fork has diverged quite a bit, but am trying to bring it up-to speed with your latest changes as much as possible.

Some questions have arisen while merging changes: why did you decide to get rid of the <keep-alive> wrapper around the router-view tag?

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.