Milestone Project 4
Full Stack Frameworks With Django
Trainer Nats Steele
Overview
Trainer Nats Steele is a site for people wanting to get fit with like minded people using a "Zoom" video call service, provided by Natalie Steele
The site is designed to offer this service to the user in a helpful, user friendly manner.
User stories
As a.... | I want to... | So that... |
---|---|---|
Site Owner | Attract new clients to use my services | So that I can increase my revenue |
Casual site browser | See what is available at a glance | So I can get a quick overview of what is on offer before proceeding further on the site |
UX
I have used a simple colour scheme and typography for this site - Trainer Nats Steele already has brand colours from her activity on her Facebook and Instagram accounts, so I have used these two colours sparingly throughout the site, together with black and white.
UI
The user interface is intuitive with positive or negative feedback provided to the user where appropriate.
Wireframe
Features
Existing Features
- User registration
- User login
- User logout
- Admin ability to add a new class
Features for the future
- I would like to accommodate a payment subscription service
- A feedback (rating) system for those participating in a class
- User ability to add a rating to a recipe
- User ability to mark as a "favourite"
Technologies used
- HTML
- CSS
- [JavaScript]
- Bootstrap v4.3.1
Database & Schemas
I have used postgres for my database.
Testing
My site has been tested using Google Chrome Developer tools to ensure that the screen changes behaviour on different screen resolutions.
Tested on the following browsers:
Google Chrome
Manual testing has been carried out by my wife and I using the user stories above.
HTML and CSS has been validated using W3 HTML validator
JavaScript has been validated using JSHint
Python has been validated using the flake8 linter within VS Code
Deployment
This code was developed using Visual Studio Code
It was committed to git and pushed to Github for version control
From there automatic deploys were made via Heroku, where the application is hosted.
To capture the code for continuing development
- Use this link
- Click on Clone or download button
- Select Open in Desktop
- Use it in GitHub Desktop
Using VS Code
To install the requirements for this app use this command:
`pip install -r requirements.txt`
Ensure that environment varaiables are kept in a file called env.py
And that this file is added to your gitignore file ## To see the deployed website click the link below [https://trainernatssteele.herokuapp.com/](https://trainernatssteele.herokuapp.com/)
Credits
Acknowledments
Thank you to my mentor for pushing me to be better and for offering me valuable feedback.
Thanks also to my fellow students on Slack for helpful advice.