GithubHelp home page GithubHelp logo

melbania / happy-logs Goto Github PK

View Code? Open in Web Editor NEW
2.0 2.0 0.0 2.22 MB

A Python/Django application that was developed using the Learning Log web app project tutorial (Ch. 18-20) in _Python Crash Course_ by Eric Matthes. Users track what they've learned in entries that are grouped by a user-defined topic.

Home Page: https://happy-logs.herokuapp.com/

Python 4.19% HTML 5.75% CSS 12.25% JavaScript 77.81%

happy-logs's Introduction

About happy-logs

'happy-logs' is my project name for Learning Logs, a Python/Django web application that can be built and deployed on Heroku using the tutorial found in Chapters 18 - 20 in the beginner's Python programming book Python Crash Course by Eric Matthes. Users track what they've learned about whatever stuff and things they are studying in entries that are grouped by a user-defined topic. It's basically a blog with entries grouped by topic.

Some modifications have been made to the original design at the request of potential users (me, my son, and the hubs):

  • used bootstrap3's fixed-top navbar instead of a static-top navbar
  • added some more bootstrap3 buttons
  • added an "about" page with panels
  • sorted user's topics alphabetically instead of by date added: required learning more about Django's QuerySet API and the ordered_by method
  • added the image of a happy log on the index page: original image found on March 11, 2016 on kingofwallpapers.com via a google search for images of logs; modified by me using Adobe Photoshop CS5.
  • added timezone aware dates for entry views rendered client-side on the "topic" page: required some javascript code (suggested by the hubs) and installation of moment.js (an amazing little package that I found which provides formatting options for javascript date objects! ... required downloading and using moment.min.js as a static file )
  • used a markdown editor/viewer for the "new entry", "edit entry", and "topic" pages: required installation of django-pagedown (for the markdown editing) and django-markdown-deux (for viewing markdown entries ... and for safely escaping raw HTML)

Project Website

https://happy-logs.herokuapp.com/

happy-logs's People

Contributors

melbania avatar

Stargazers

 avatar  avatar

Watchers

 avatar  avatar

happy-logs's Issues

Add buttons to 'edit_entry' page.

Add "save changes" and "cancel" buttons to top of page for convenience. When proofreading long entries, can be annoying to have to scroll all the way down past the "Preview" pane to hit the "save changes" button.

Login request resulting in 403 Forbidden Error

Attempted to login on iPad and laptop after last push to Heroku, in which CSRF_COOKIE_SECURE and CSRF_SESSION_SECURE config vars were set to True; got the following error message:

CSRF verification failed. Request aborted.

Need to research error and find a fix. Find relevant Django docs here.

Add buttons to bottom of 'topic' page.

Add "add an entry" and "back to topics" buttons to the bottom of a topic's 'topic' page (which shows all of the entries for that topic). It would be nice to have them at the bottom of the page for convenience when scanning through a long list of entries.

Topics page is kinda ugly.

Add a panel with curiosity quote as header and topics list as content. Keep Add Topic button outside of panel. Maybe add a max height or fixed height to panel.

Add 403 Forbidden page

Tried logging in on an iPd, got the following message rendered via a not-customized Django template:

Forbidden (403)
CSRF verification failed. Request aborted.
You are seeing this message because this site requires a CSRF cookie when submitting forms. This cookie is required for security reasons, to ensure that your browser is not being hijacked by third parties.
If you have configured your browser to disable cookies, please re-enable them, at least for this site, or for 'same-origin' requests.

Need to add a customized 403 template for aesthetic consistency.

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.