Giter Club home page Giter Club logo

arjay-codes's People

Contributors

jsrj avatar

Stargazers

 avatar

Watchers

 avatar  avatar

arjay-codes's Issues

Refactor Navbar component to be a floating Speed Dial instead

Refactor Navbar component to instead utilize the Logo badge as a "Speed Dial" with a radial menu pop-out OR Modal pop-over menu. (Discrete so as not to block the rest of a page, but also dynamic and intuitive).

In addition containing the logo in the center, it should have a shaped tab drawing attention to it's functionality as a navigation menu.

This tab should also feature itself such that it provides an indication of which view a user is currently looking at in addition to the view itself making that known.

In the case of authenticated users, a similar menu should appear for navigating authenticated views, that does not excessively obstruct a give page, nor the global navigation speed dial. This badge should contain a user's profile image or default avatar.

Router-View transitions should be set up such that the navigation between these two menus provides a visual que as to where a user is navigating from as well.

The goal of these refactors is to maximize screen real estate on desktop devices and tablets, while accounting for limited space on mobile displays that often gets dominated by annoying static navigation elements.

Research and Integrate Axios alternative

Is your feature request related to a problem? Please describe.
Due to a discovered vulnerability with the Axios client,it has been decided to discontinue use of the client since no resolution has been made. see: this snyk.io article

Describe the solution you'd like
Implementation of either a comparable client, or the new fetch() API if it has been determined to be workable.

Describe alternatives you've considered
XMLHttpRequest or a proxying service such as Apigee, however XMLHttpRequest would add more technical debt due to it's callback-heavy nature, and Apigee would increase maintenance costs of running the web application and it's associated services.

Re-Implement Auth0 for controlling access to content manager

Is your feature request related to a problem? Please describe.
In order to allow controlled access to the content management view, user authentication will need to be re-implemented to allow logging in with the custom-built Admin credentials via Auth0.

Describe the solution you'd like

  • Sift through the wildly out-of-date and more recent tutorials and documentation on Auth0 and Auth0's Blog to determine the best approach with least headache as of 2019 (e.g. check that an article or blog entry is not dated from 2015 or 2017 as these are no longer relevant either to Vue.js OR Auth0).
  • Have authentication implemented such that the cm/ route can only be accessed by an authenticated user and only by the user with the correct permissions.
  • Implement token validation on the content-manager API and have it re-check permissions before allowing certain actions on any of it's endpoints.

Describe alternatives you've considered
A basic express API built from scratch, however this would significantly increase technical debt and exceed time requirements to implement correctly per security standards. Using a service such as Auth0 cuts down development time and reduces risk at the point in the development process.

Navigation Links Intermittently breaking after implementing Auth0

Describe the bug
When clicking on a link in navigation besides "Log In" or "Log Out" (e.g. "Home" or "Profile"), the first link will redirect correctly, but any others afterward do not respond.

To Reproduce
Steps to reproduce the behavior:

  1. Go to Home page
  2. Click on 'Log In'
  3. Log In
  4. Click on 'Profile'
  5. Click on 'About' or 'Home'
  6. Notice the page does not route but address bar URL will change

Expected behavior
When clicking on any link in the Navbar, regardless of authentication state, the router should navigate to that link or to the authentication page. It should not sit at the same page a user is attempting to navigate away from.

Desktop (please complete the following information):

  • OS: Mac OSX 11
  • Browser: Firefox Developer Edition
  • Version: 67.0b6

Additional context
This bug has only appeared after implementing the Auth0 authentication methods and links into the Navbar, and updating the router accordingly.

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.