SafeSpaceSODAPlace is a user based discussion board where people can discuss accessibilty issues that they may be facing in the work place. All discussions and user inputs are anonymous which gives people peace of mind.
Users will be able to draw attention to their own needs that may not be being met in the work place without having to directly disclose any hidden disabilities that they woud rather keep private.
You can find the live site here.
Click here for the desktop wireframe
- Nav bar that updates depending on user authentication
- If User not logged in:
- If user logged in:
- User can register an account
- User can add, edit and view profile information
- User can Log in & Log out
- Messages displayed to update user on any actions happening
- User can create a dicussion board
- User can submit an idea to be discussed
- User can add coments to a discussion
- Step 1 - Navigate to Home Page
Expected:
Home Page displayed
Actual:
Home Page displayed
- Step 1 - Navigate to Home Page
- Step 2 - Click on nav item and ensure it navigates to the correct page
Expected:
All links navigate to the correct pages
Actual:
All links navigate to the correct pages
- Step 1 - Navigate to Sign up Page
- Step 2 - Fill in email, username and password fields
- Step 3 - Submit form
Expected:
User can sign in with new details
Actual:
User can sign in with new details
- Step 1 - Navigate to Profile Page
Expected:
Profile Page displayed
Actual:
Profile Page displayed
- Step 1 - Navigate to Profile Page
- Step 2 - Click edit profile
- Step 3 - Fill in edit profile form and submit
Expected:
Profile is updated and user is redirected to their profile
Actual:
Profile is updated and user is redirected to their profile
- Step 1 - Navigate to Profile Page
- Step 2 - Enter details into board creation input
- Step 3 - Click create board
Expected:
Ideas board is created
Actual:
Ideas board is created
- Step 1 - Navigate to Ideas Page
- Step 2 - Fill in form to add an idea and submit
Expected:
Ideas added to board
Actual:
Ideas added to board
- Step 1 - Navigate to Ideas Page
- Step 2 - Click start discussion
- Step 3 - Click the discussions page nav link
Expected:
Discussion board populated with ideas
Actual:
Discussion board populated with ideas
- Step 1 - Navigate to Discussion Page
- Step 2 - Click the comment button to display the comment input box
- Step 3 - Add a comment into the input box and then click submit comment button
Expected:
Comment added under correct discussion item
Actual:
Comment added under correct discussion item
The site was throughly checked for any possible accessibility issues. Below is the WAVE report:
The only isses is that there is a 'home' link on the navbar and the logo serves the same purpose. However, some people don't intuitively know to click the logo to go back home so we felt this was a necessary feature.
All pages were ckecd using a HTML validator.
The CSS file was checked using a CSS validator.
- HTML5
- CSS3
- JavaScript
- Python3
- Django
- Pip3
- FontAwesome
- Google Fonts
- Heroku used to deploy live site
- GitHub used to host repository.
- GitPod used to develop project and organise version