GithubHelp home page GithubHelp logo

codex-academy-official / codex.academy Goto Github PK

View Code? Open in Web Editor NEW
9.0 9.0 45.0 127.75 MB

Public website for CodeX Academy.

JavaScript 5.38% HTML 42.61% Vue 43.98% TypeScript 7.64% CSS 0.19% Shell 0.01% SCSS 0.19%

codex.academy's People

Contributors

axelsomerseth avatar bsommardahl avatar jrmart12 avatar kenystev avatar morsingnet avatar ronyvidaur avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

codex.academy's Issues

Contact us on section looks out of frame on mobile

Android latest version, Chrome version 80. Mate 20 pro.
Also on safari on iphone X.
When going to the contact us part, the map is out of bounds, and I can even hover around a bit. Check the Video for more reference.

Steps to reproduce:

  1. Enter the site

  2. go to "Contact Us" section

  3. Check the map, also start swiping the screen around.

image

extra overflow

once again, might be nit picking, so ignore if intended or just too small detail, might be for some resolutions issues as well but I can reproduce it anytime.

Works in Chrome and Firefox on Windows 10.

Steps to reproduce:

  1. Enter the codex site.
  2. look to the bottom section.

image
also on firefox.
image

Banner time depends on PC timezone.

Not sure if intended, but the banner show different time depending on the timezone of each pc.
image1
image2

I take both at the same time, one through browserstack with a PC on US, and another one with mine.
Once again this could be inteded but might be problems in logs if the system has this discrepancy.

Expres icon opacity ( Icono sin fondo ) -UI bug

Bug Name: Express icon on https://www.codex.academy/#/howitworks#tech path doesn't have the same opacity as the other icons.
Reported By: Marco Martinez
Environment: Mac Os / Safari IOS and Mac

Description:
Express icon doesn't show correctly.

Steps To Reproduce:

  1. Open URL https://www.codex.academy/#/howitworks#tech
  2. Navigate to the KNOWLEDGE IS POWER section.
  3. Clicked on the ‘see more technologies' button
  4. Express will appear.

Expected Result: Same opacity for all the icons.

image

UI recommendation for "findplan"

Not an issue, but an UX/UI recommendation, in this section when I'm on a mobile, I'm not sure what's happening, I just click in the button "Select" button and nothing happen. there not enough visual cues to know what happened.

this could definitely be confusing.

https://recordit.co/ertbyubWhz

UI-NodeJS icon Iphone/Mac Safari

Bug Name: UI-NodeJS icon Iphone/Mac Safari
Reported By: Marco Martinez
Environment: Mac OS

Description:
The icon doesn't show correctly.

Steps To Reproduce:

  1. Open URL https://www.codex.academy/#/howitworks#tech
  2. Navigate to the KNOWLEDGE IS POWER section.
  3. Icon shows appear correctly

Expected Result: Show correctly icon.

Node Js icon on Safari Version 13.0.5 (15608.5.11)
Also in Safari for Iphone

Screen Shot 2020-04-10 at 21 03 20

IMG_2157
6.

Some routes are open for any user to accesss

I manage to enter to some routes which I believe I shouldn't be able to.
Steps to reproduce:

  • go to the codex site, but use another route that might have a view linked to it, in this case "test"

This happen in all devices, and all browsers.

image

Video showing it

Play video on HOW IT WORKS section

Bug Name: Play video on HOW IT WORKS section
Reported By: Marco Martinez
Environment: Mac Os / Safari IOS and Mac

Description:
The play icon on the media player doesn't show correctly.

Steps To Reproduce:

  1. Open URL https://www.codex.academy/#/
  2. Navigate to the HOW IT WORKS section.
  3. The section doesn't show icon in the proper position.

image

 

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.