Giter Club home page Giter Club logo

activity-time's Introduction

Welcome to the activity booking here is the readme that will go through the blood sweat and tears that I have had to go through for you to see this.

Firstly the reason for this website is so that if a venue/customer whats to book someone to come and do an activity they can be booked in for said activity. the way this happens is by signing up. Once that happens the user then can log in and then use the book in form. They will enter the required data then once they have submitted the data they have been asked for.

Once this is done the user has a choice to edit the booking or delete the booking as a whole. if they choose to update they will be taken to a different page and allowed to change any aspect of the bookings. if the user chooses to delete the booking they are shown a model and asked if they are sure they would like to delete the booking and if they do it is gone from the database.

if the user does not what to do any thing with that they do not have to.

Am I responsive

Features

  • On this website, you can log on and out
  • While logged in you can then book in with the booking tab
    • You can edit
    • Update
    • And view a booking
  • You can also register for an account
  • Can look at news items as well
  • Can not double book on the booking in

Future Features

I would like to put a way for the admin to easily add a new story Add a way for users adding in a comment to talk about their experience Have a like button for storeys Have a map so the users can find the activity centre easier Link the bookings to a calendar external and then have that separate the members of the team. Allow the users to use social media logins if they would like. Bookings for separate accounts and not everyone can see all of the bookings in the database. update messaging for the forms do automated testing

Testing

Test pass notes
does the website open to the home page Pass Screenshot 2022-11-08 074809
can you go to any other page on the site Pass Screenshot 2022-11-08 075500
can you sign up Pass Screenshot 2022-11-08 081542
can you use an email already used pass Screenshot 2022-11-08 075658
can you miss parts of the email pass Screenshot 2022-11-08 075624
can you log in pass Screenshot 2022-11-08 075745
does messages show for the login pass Screenshot 2022-11-08 075745
can you book a session pass screenshot 08-11-2022
can you double book pass Screenshot 2022-11-08 081140
is there news items pass Screenshot 2022-11-08 075500
do the social media items open in to a new tab pass Screenshot 2022-11-08 081306

Solved bugs

  • Fixed commas on settings.py on the installed app
  • Fixed link to the media directory
  • Fixed link to CSS and js directory
    • I'll show you in the main app urls.py I added the following!
    • In settings.py I added to line 135
    • And I removed the static lines from booking > urls.py
  • Found that when I was trying to input my date and time on the booking form I was struggling to find the right way of getting it to show on the form fixed by using date and time input types for it.
  • Struggling to get the form to post to the database
    • The submit button did not work
    • Submit button but it gave me back a 405 error
  • Added functionality to have it so you can not do two bookings at the same time found that when I did the form would not submit properly.
  • When deploying the website to Heroku the CSS folders and media fields were not working I got around this by putting the images directly onto Cloudinary and setting the debut to false

Remaining bugs

  • When reducing screen size the table on the booking page sometimes makes a white bar on the right-hand side.

Validator testing

  • The website has pasted the HTML validator.
  • Using pycodestyle the project as a whole passes on pep8 apart from some "line too long" on a couple of lines.
  • The website CSS has passed the CSS validator as well Screenshot 2022-11-07 064035
  • Using the js hint application the javascript in the project has no warnings.
  • When using the wave tool there were no errors
  • The lighthouse performance accessibility and SEO have above 96 scores from a lighthouse. Screenshot 2022-11-07 065348

Deployment

To deploy this project I went through these steps:

  1. I added the proc file and the requirements .txt. -I put the following code into the procfile: 'web: gunicorn activity_time.wsgi'
  2. Then I went on to Heroku and added a new project to my workspace.
  3. I then linked my GitHub account to the workspace and added the required repository.
  4. I then did a git add and a git commits to then push the code to both the git hub and git pod.
  5. I then found out that if the website worked it did not so I had to set the debug setting to false.
  6. Then I had to put the images themselves on to cloundenry.
  7. then opened up the application and it was what I was seeing before.

Credits

  • Code institute for the base template and allow me to complete the project
  • My mentor
  • Nick Lennon

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.