Skip to content

llewellynksj/team4-hackathon

Repository files navigation

Project Name

Talking Tech: Men's Health Reimagined

Responsive

Overview

Live demo: https://hack-team-4-4360e1a6c5aa.herokuapp.com/

Table of contents

Agile Methodology

Project Goals

  • To provide user with easy navigation across website.
  • To give the user options to sign up for frequent visitors.
  • To give people the option to connect and form friendships with
  • To give users refined information about the webpage and the purpose of the website.

Target Audience

  • The site is aimed for everyone who is concerned about mens' health and wants to be informed or involved. It offers the users to create a safespace for themselves or loved ones to share any struggles they might be facing with privacy.

User Stories

First time user

  • As a first-time user, I want to see the the navigation bar to access other pages.
  • As a first-time user, I want to see the what the website is executed for - feedback from users and the anonimity the website provides.
  • As a first-time user, I want to see the creators of this website and their motivation behind it.
  • As a first-time user, I want to see the other users who have a profile on the webpage.
  • As a first-time user, I want to see the how to create a profile efficiently.

Development process

This project was developed with the Agile methodology which allowed us to develop the app iteratively and incrementally, and adapt changes with flexibility even in the late stages of development.

GitHub Issues and Projects are used to manage the development process.

The Project link: https://hack-team-4-4360e1a6c5aa.herokuapp.com/

The GitHub Kanban Board is used to manage the process and track the progress of the development. When User Story is created, it is automatically added to the Backlog column to be prioritized. The product Backlog is never complete, as it is a dynamic document to respond to changes effectively. As new features are identified, they are added to the product Backlog. As the product is released, the product Backlog is constantly updated to reflect changes in the product and changes in the market. The Kanban board includes the following columns:

  • Product Backlog - the list of all _User Stories that have not yet been scheduled to be completed. As new User Stories are created, they are automatically added to the Backlog column.
  • Sprint Backlog - the collection of prioritised User Stories that have been selected for the current Sprint.
  • In Progress - the user stories that are currently being developed.
  • Done all completed and tested User Stories.

Kanban Board Kanban Board

The Project Table is used to filter and prioritize User Stories. At the start of each sprint, the User Stories are selected from the Product Backlog and added to the Sprint Backlog with attached priority labels. The User Stories prioritized using the MoSCoW method. The prioritization was based on the following criteria:

  • Must Have - The User Story is crucial and add significant value to the product and must be delivered in the current iteration.
  • Should Have - The User Story is important but not critical to the success. Simply delivery is not guaranteed within the current iteration.
  • Could Have - The User Story is desirable and would only be delivered in their entirety in a best-case scenario. When a problem occurs and the deadline is at risk, one or more could-have items are dropped.
  • Won't Have - The User Story will not be delivered in the current delivery timebox but may be considered for the future. The prioritization is based on the 60-20-20 rule where 60% of the effort is spent on the Must Have, 20% on the Should Have and the rest 20% on the Could Have.

Project Table Project Table

UX Design

UI Design

Fonts

Colours

Sounds

Images and Animations

Wireframes

Home Page wireframe of the home page

Features

Home Page

  • some text home-page

Creators Page

  • some text creators-page

Feature List

COPY FROM SPREADSHEET!

Technologies Used

  • HTML
  • CSS
  • Javascript
  • Figma (For Wireframes)
  • Bootstrap (for styling and grid)
  • Font Awesome (for icons)
  • Favicon (for favicon generation)
  • Github Pages (for deployment)

Testing

# Feature Expected Outcome Testing Performed Pass/Fail
Navigation tab
--- --- --- --- ---
1 Home page redirect to home press button
2 Browse redirect to browsing profiles press button
3 Contact Us redirect to contact us page press button
4 Logout redirect to logout page press button
5 Profile redirect to profile page press button
-- --- --- --- ---
Footer
--- --- --- --- ---
11 Facebook Takes you to facebook redirect to Facebook
12 Twitter Takes you to Twitter redirect to Twitter
13 Instagram Takes you to Instagram resirect to Instagram
14 LinkedIn Takes you to LinkedIn resirect to LinkedIn

Deployment

This site has been deployed from a GitHub repository using GitHub technology to GitHub Pages. The site can be accessed here.

Credits

We would like to give credits to Code Institute and Soda team for providing upmost support.

Acknowledgements

  • Code Institute and the Hackathon team for running the Code Institute November 2023 Hackathon

Team

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

 
 
 

Contributors