Skip to content

wpumin/atc-membership

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

37 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ATC Membership (Beta version)

Build Status License Version Live Demo Server

  Demo Version

Note: Please expect delay in my website response, Heroku server is in United State

ATC Membership is a beta platform which use to keep contact in Advance Technology Center at Accenture. ATC Membership platform builds on ReactJS and this project is a beta version. So, this can only support Thai users and Thai format to input data.

Key Features

No Functionality Status Note
1 See all members within the table Mandatory Functionality
2 CRUD members Mandatory Functionality
3 See member's detail Mandatory Functionality
4 Routing Mandatory Functionality
5 Page Not Found Mandatory Functionality
6 Form validation Mandatory Functionality
7 Support visually challenged Mandatory Functionality
8 Dynamic font resizing for aged Optional Functionality
9 Watchlist Optional Functionality
10 Search Optional Functionality
11 User experience survey Optional Functionality

Setting up live server in local

npm install

npm run dev

URL Path in local

No Description URL
1 Live Demo in local http://localhost:3000
2 JSON Server in local http://localhost:3003/members

Colour Theory

Colour Theme

Colour Circle

Color Circle

Colour Theme

Color Theme

Accessibility Testing results

Colour Contrast Checker

Checks colour contrast in my theme Colour contrast checker image#1 Colour contrast checker image#2 Colour contrast checker image#3 Colour contrast checker image#4

WCAG Contrast Checker

Checks colour contrast with visually impaired in my theme WCAG contrast checker image#1

WAVE Evaluation Tool

Checks aria attribute in my site WAVE evaluation tool image#1

Heatmap Scrolling from HotJar

Inspect the behavior of users when he/she use my platform Heatmap Scrolling from HotJar image#1

Appendix URL

No Description URL Note
1 Prototyping https://bit.ly/2ZGiI8c -
2 Live Demo https://atc-membership.herokuapp.com -
3 Accessibility score from Lighthouse https://bit.ly/3nKulUb -
4 User Experience survey from HotJar #1 https://bit.ly/3jWAbkd Scrolling Behavior
5 User Experience survey from HotJar #2 https://bit.ly/2ZHD4hp Screen Recording

Version: 1.1.3 Last update: 11/03/2021 10:10 GMT+7