Giter VIP home page Giter VIP logo

matthewpoyner-trainernats's Introduction

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

  1. User registration
  2. User login
  3. User logout
  4. Admin ability to add a new class

Features for the future

  1. I would like to accommodate a payment subscription service
  2. A feedback (rating) system for those participating in a class
  3. User ability to add a rating to a recipe
  4. User ability to mark as a "favourite"

Technologies used

  1. HTML
  2. CSS
  3. [JavaScript]
  4. 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

  1. Use this link
  2. Click on Clone or download button
  3. Select Open in Desktop
  4. 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.

Development Notes

This site is for educational use

matthewpoyner-trainernats's People

Contributors

matthewpoyner avatar

Watchers

 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.