vinodhthiagarajan1309 / blogvint Goto Github PK

This is a simple blog that has the following functionalities built using 
Google App Engine and Python with Jinja2
  * Register Users
  * User Login
  * Create - Edit - Delete - Like Posts
  * Create - Edit - Delete Comments 

##Getting Started

You will be needing the following tools,

• Google App Engine for Python SDK
• Python 2.7 and above
• Jinja 2 for template Generation
• Sublime Text 3
• Chrome Browser - To render the output
• Chrome Developer Tools
• https://validator.w3.org/ - To validate your HTML
• https://jigsaw.w3.org/css-validator/validator - To Validate your CSS
• http://jshint.com/ - To validate your javascript files
• http://pep8online.com/checkresult - To Validate your Python files
• Jquery Validator Plugin - Just the Best !!
• Standard Simple Folder Structure for a Google App Engine - Python Project

• Download or Fork the following Repository
• Create a project in your Google Developer Console
• It should either match the project name or alter the app.yaml's first line with your app's name

• For creating HTML you will be needing snippets which will be taking slice of time , so this site. I decided to work Bootstrap CSS framework for this project. Try out this page http://www.initializr.com/.

• Another site I used is shoelace.io. You should understand the concepts of grids before you use this site. First read about it in http://getbootstrap.com/css/#grid from the bootstarp page itself. Since bootstrap is mobile first , I choose the mobile to define my layout and then work on the other displays. Remember one fact " A row has 12 sections". Once you have decided how you want your layout you can generate it. Since we are building a HTML page you can use the HTML code from this screen.

• http://placehold.it/ - If you haven't decided on the images for your screen but have an idea on how you want to lay them out
• http://www.cssmatic.com/box-shadow - It's always pain to create shadows and this is a wonderful site to refer if you need box shadow effects
• Media Queries - You will need them for giving responsiveness for your screen
• Pixabay - for great royalty free images
• http://postimg.org/ - If you want to keep refer images from a remote repository

# Login Screen

# Home Screen

# View Post Screen

# Post Comment Screen

# Delete Post Modal