Giter Site home page Giter Site logo

team3-debug-me-if-you-can's Introduction

Documentation

Contents

  1. Links to our resources
  2. Market Research
  3. User Experience
  4. Site Map
  5. Schema Diagram
  6. Accessibility
  7. Maintainability - Front-End
  8. Maintainability - Back-End
  9. Future Ideas
  10. Contributors and Acknowledgements

Links to our resources

  1. Application URL - Main Page https://ontrack-cyf.netlify.app/
  2. GitHub Repo - Front-End https://github.com/edksam/ontrac
  3. GitHub Repo - Back-End https://github.com/pchan2/team3-debug-me-if-you-can
  4. Trello https://trello.com/b/43IagsDi/debug-me-if-you-can
  5. Miro https://miro.com/app/board/o9J_lfv1mQI=/

Market Research

market research

User Experience

personas

empathy map

user-journey

Site Map

site map

Schema Diagram

schema diagram

Accessibility

  1. Font size - minimum 16px or 1rem.
  2. No words in uppercase.
  3. Line height - 1.5rem.
  4. Text font increase S, M, L in top right hand corner - see example https://www.techlicious.com/images/phones/make-text-larger-android-640px.jpg
  5. Button size - bigger padding for accessibility - The size of the target for pointer inputs is at least 44 by 44 CSS pixels - https://www.w3.org/WAI/WCAG21/Understanding/target-size.html
  6. Buttons - have 16px margin between buttons for accessibility.
  7. Colour contrast ratio - WCAG minimum is 4.5. We aim for 7.0.

Maintainability - Front-End

  1. Nav bar on hover: red to match the CYF branding.
  2. Background colour: #f8f9fa;
  3. BootstrapCDN library is used.

Maintainability - Back-End

  1. Main Page: https://ontrack-team3.herokuapp.com/students
  2. Main Page testing: https://progresstracker.glitch.me/students
  3. Back-End route implementation guide: https://github.com/pchan2/team3-debug-me-if-you-can/blob/main/How%20to%20support%20routing%20files%20in%20Express.docx

Future Ideas

future ideas

Contributors and Acknowledgements

1.0. Team 3 - Debug Me If You Can
1.1. Main Page - Zubeda Khanum (Front-End) & Gennady Tabala (Back-End)
1.2. Student Profile - Berhane Woldetensay (Front-End) & Leroy Douglas (Back-End)
1.3. Personal Development Page - Ebenezer Sam (Front-End) & Daniel Carter (Back-End)
1.4. Project Management - Jude Lobo & Patrick Chan

2.0. Capgemini Helpers
2.1. Amardeep Chimber, Software Engineer
2.2. Dharmesh Chohan, Technical Delivery Manager
2.3. Jude Lobo, Digital Business Analyst
2.4. Kirsty Lees, Software Engineer / SCRUM Master
2.5. Martin Armstrong, Software Engineer
2.6. Natalie Michalski, User Experience Consultant

3.0. Market Research Helpers
3.1. Bukola Jimoh, CYF Education Volunteer / Software Engineer
3.2. Chris Owen, CYF Director of Education
3.3. Claire Bickley, CYF West Midlands Regional Manager
3.4. Edgar Endriulis, CYF Personal Development Volunteer / Underwriter
3.5. Marcin Szczot, CYF Education Volunteer / Software Developer
3.6. Simon Whitehouse, CFY Personal Development Volunteer / Data Standards Adoption Consultant

team3-debug-me-if-you-can's People

Contributors

pchan2 avatar leroy-douglas avatar gtabala avatar carterd888 avatar jjlobo2020 avatar

Watchers

 avatar  avatar

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.