The landingspage shows the titel, header image and excerpt of all recent articels, sorted on recent first. By clinking on the titel or text, you wil navigate to the actual blog for a full read.Each blog has a titel, a header image, one or more categories, an excerpt and an author.
The mainmenu in the top contains two buttons: home and admin. The admin button brings you to the login and register forms for (future) bloggers.
The sidebar menu contains a search field, a list of all the bloggers and a list of the categories. By clinkin on a blogger or category, the site will show you the blogs belongin to that particular blogger or category. These search and selecting menu's function with AJAX call and the page won't be refreshed when navigating.
In the left sidebar menu, a search field is added to search the content of the website. With this form, you can search in excerpts and the text of all blogs. The results are displayed as clickable rows.
Readers can comment on blogs, provided the blogger has not closed the blog for commenting. To leave a comment, a reader needs to register or login to the application. Each commentingsection under a blog either displays the register and login forms, or the form to upload a comment, depending on whether or not the reader is already logged in. Login is done using an username, emailaddress and password. Once logged in, a reader can leave as manny comments as she/he likes.
Bloggers can register using the registration form that will show up once you click the 'Admin' button in the main menu. If a blogger is already registerd, she/he can simply login using the login form. Each blogger has an account with his/her name, username, email and password.
There are multiple options for bloggers. The left menu has the following options:
- ACCOUNT: to view your settings and create or delete categories
- MANAGE BLOGS: to
- edit a blog
- delete a blog
- manage the comments per blog
- close a blog for commenting. If you close the blog for commenting, the comment option for readers will be invisible and no new comments can be added to the blog.
- UPLOAD BLOG: to upload a new blog with an image and categories
- CATEGORIES: to delete or create categories
- Landingspage with link to blogs
- A search option
- A menu to select a blogger or category
- A page to read, register or login as reader and comment on one blog
- A page to register or login for bloggers
- An accountpage for the blogger
- A page to manage the comments and commentingsection of your blogs
- A page to manage your blogs with the option to edit, or delete a blog
- A page to delete or create new categories
When entering your blog content with the upload-a-new-blog-form, a feature is activated to extend certain text to full words and centences. So far, these shortcuts are operational:
- "cg" : "CodeGorilla"
- "vrg" : "Vriendelijke groeten"
- "hrt" : "hartelijke groeten"
- "esm" : "Esmeralda Tijhoff"
- "gea" : "geachte heer/mevrouw"
- "gro" : "Groningen"
- "www.es" : "http://www.esmeraldatijhoff.nl"
- "wwww.wij" : "http://wijzijncodegorilla.nl/esmeraldatijhoff"
Checklist and progress recorded on trello: https://trello.com/b/zW2XmbyL
Demo of this blog on www.wijzijncodegorilla.nl/esmeraldatijhoff/blog/
</p>
PHP using PDO
MySQL database
JavaScript
jQuery
AJAX
CSS3
HTML5