An update to Forward 1.0 with an overhauled design system and two new pages.
Home Page: https://forward.marlowecheng.com/
Built by mentees, for mentors & peers, Forward helps local tech industry professional and new-comers build communities and connections with each other.
This project was built by a team of first-time hackers for BCIT's Hack the Break 2023.
Status:
Open
Description:
Forward has no Favicon Icon throughout the website.
Steps to Reproduce:
Expected result:
A favicon to appear on browser tab when entering Forward's website
Actual Result:
Blank favicon image when entering Forward's website
Configuration:
All browser and device types are affected.
Severity:
Low
Priority:
Medium
Type:
Feature Request
Assignee:
Who's in charge of this?
Description:
Links in the navigation menu header and on the profile page do not link to the Community Hub page and subsequently, the Community Hub thread.
Steps to Reproduce:
Expected result:
When clicking on those links, the website will redirect to the Community Hub page.
Actual Result:
When clicking on those links, it doesn't redirect anywhere and stays on the same page instead.
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
The dropdown component in the Survey page is not the same as design within the wireframes.
Steps to Reproduce:
Go to Forward's Website
Check out the dropdown component
Expected result:
The dropdown component should look the same as the design within the Design System or Wireframes
Actual Result:
Dropdown component has some visual issues. (The arrow has not padding on the right.)
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
There are spelling mistakes and grammar issues on the Community Hub page.
Steps to Reproduce:
Expected result:
Page is free from spelling and grammar issues.
Actual Result:
Page has typos on the main page, such as "Surrrey", or the summaries on some thread cards do not have proper punctuation marks.
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
Icon files/images are corrupted in the header of the website.
Steps to Reproduce:
Expected result:
The icons should be working like so:
Actual Result:
The icons are not showing/displaying in the header.
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
Some meaningful images (non-decorative purposes) throughout the site do not have alt attribute tags in the code. (This does not include purposeful empty attribute tags for decorative images).
Steps to Reproduce:
Expected result:
The alt tag checker website will show each image with the alt attribute tag.
Actual Result:
The checker returned with image links missing alt attribute tags.
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
Community Hub page has no icon and link to change location.
Steps to Reproduce:
Expected result:
The text and design should look like:
Actual Result:
This is what is currently is:
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
When you hover over mentor cards in the mentor list page, or hover over project cards in the project showcase page, it shows a box-shadow transition. However, the mouse cursor doesn't change to a pointer, so it doesn't indicate well enough that it is a clickable element to the user on desktop devices.
Steps to Reproduce:
Expected result:
When you hover over the cards on a desktop device, the cursor will change from default to a pointer.
Actual Result:
When you hover over the cards on a desktop device, the cursor stays default and doesn't change to a pointer.
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
Thread content box expands further than the mockup, it only needs to fit content.
Steps to Reproduce:
Go to [Forward's Website](https://forward.marlowecheng.com/public/index.php)
Click on "Login" button on the header navigation
Click on "Login" button on the login page
Click on "Community Hub"
Click on the second thread article
Expected result:
The thread content box size should only contain the content.
Actual Result:
Thread content box expands further than needed.
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
When running Forward's website through the Validator, we received errors on the following pages:
Some errors included <tags> that didn't have a closing </tag>, or code syntax that didn't follow HTML5 best practices, such as an <img> tag nested directly under a parent <ul> element.
Steps to Reproduce:
Expected result:
When running our test through the validator, we receive no errors or warnings.
Actual Result:
When running our test through the validator, we received errors and warnings.
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
Mentor images in cards are sized differently, resulting in different sized cards
Steps to Reproduce:
Expected result:
The mentor card should look like:
Actual Result:
This is what is currently is:
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
Some <a> tags throughout the site that link to other pages do not have a title attribute tag.
Steps to Reproduce:
Expected result:
All <a> tags that link to other pages also include a title attribute tag to tell the person where they're being navigated to.
Actual Result:
Few <a> tags that link to other pages are missing a title attribute tag.
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
Hero images does not reach the full container height, so there is a gap between the border line and hero image.
Steps to Reproduce:
Go to [Forward's Website](https://forward.marlowecheng.com/public/index.php)
Expected result:
The hero should look like:
Actual Result:
Instead, there's a gap between the section border and the hero image:
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
Description:
When running our site through WAVE accessibility tool, we received errors for the colour contrast for elements with a green background and white foreground.
Steps to Reproduce:
Expected result:
When checking for colour contrast, we expect no issues for our colours.
Actual Result:
When checking for colour contrast, we received errors for our colour contrast ratio not meeting up to web accessibility standards.
Configuration:
Chrome and Firefox
Breakpoint: 1366x768
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
Django
The Web framework for perfectionists with deadlines.
Laravel
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
Microsoft
Open source projects and samples from Microsoft.
Google
Google ❤️ Open Source for everyone.
Alibaba
Alibaba Open Source for everyone
D3
Data-Driven Documents codes.
Tencent
China tencent open source team.