chaitak-gorai / blogbook

Blogbook- Content Management System Project

Blogbook- Content Management System Project

Hello, Welcome to Blogbook® This is a CONTENT MANAGEMENT SYSTEM project using PHP. You can register as a blogger, login to the admin, create post,publish it, view comments etc. This is totally dynamic. All data are fetched on realtime using MySQL queries.

Hacktober Fest Accepted

Hacktoberfest 2021 🎉

🗣 Hacktoberfest encourages participation in the open source community, which grows bigger every year. Complete the 2021 challenge and earn a limited edition T-shirt.

📢 Register here for Hacktoberfest and make four pull requests (PRs) between October 1st-31st to grab free SWAGS 🔥.

Hactober Contribution Rules

• Pull requests can be submitted to any opted-in repository on GitHub or GitLab.
• The pull request must contain commits you made yourself.
• If a maintainer reports your pull request as spam, it will not be counted toward your participation in Hacktoberfest.
• If a maintainer reports behavior that’s not in line with the project’s code of conduct, you will be ineligible to participate.
• To get a shirt, you must make four approved pull requests (PRs) on opted-in projects between October 1-31 in any time zone.
• This year, the first 50,000 participants can earn a T-shirt.

---

Contribute

Do Read - Code of Conduct

Jump to - Contribute.md (updated)

Why not start your open source journey by merging some codes here. It will be very great if you review the code and find some bugs and issues.

Steps for a successful commit ⚡

• Choose any of the Ways to contribute for contribution.
• Create a PR and commit by creating a new branch (:warning: Avoid commiting to the main)
• Be patience it might take time for the maintainers to review your PR.
• Congratulations on a successful merge.
• You can add your name to contributors list.
• BONUS- you can write a blog in our blogbook about your experience in opensource. Add "hactober21" as category.

Ways to Contribute

• Find a bug by running the project locally
• Solve the issues which are already set up
• Sugget some change or create your own isssue
• Create documentation like site structure, how to write a blog,etc
• Indent/Beautify/Modify codes.

List of Contributors

Jump to Contributors.md

Live project link

• Heroku - https://blogbook-blog.herokuapp.com/ (Update With Recent Changes)
• Website - https://blogbook.tech (Updated in a Week)

Since this project is still in development stage so you might find bugs and also the blog posts are dummy.

Thank You! Keep Contributing

blogbook's Issues

Update Category-Wise posts UI

Update posts which are shown in categories with new UI

File to be changed.

• Category.php

Copy the UI from post,php

Navbar Responsiveness

The navbar is not aligned properly for mobile view. The logo, login, and Admin should be in a line. Register and Contact us should remain inside the dropbox

Add "go to top"

Add go to top feature for index and posts pages.

Files to change

• index.php
• posts.php

Thank you! Keep Contributing

Post form validation

The create new post form need to be validated for empty fields.
FIles to update:

• admin/add_post.php
• admin/edit_post.php

You can check registration.php for reference.

Add space in mobile view navbar

Add space between navbar and content for mobile view.

How to do?

• setup project locally
• inspect the project in mobile view- CTRL+Shift+I and then select mobile icon in top left in browser.
• Files to checkout in includes/navigation.php
• You can add navbar expand using bootstrap or add margin button.

Good luck!

Issue on search results UI

The results of the blog search are not to the new template ie. blog cards.
Also "no post" results to be updated with new css.

Files to change for:
-search.php

Take the blog card template from index.php
Thanks for contributing!

Comments Query failed

If we use any quotes, colons,etc in our comments the comment query failed .

Files to change:

• post.php

Hint: use real_escape string for content

No `Code of Conduct` Documentation

A code of conduct defines standards for how to engage in a community. It signals an inclusive environment that respects all contributions. It also outlines procedures for addressing problems between members of your project's community.

Ideally, the code of conduct should be created at the time of project creation.
Still, I wish to create the documentation for the same.
I'll place a CODE_OF_CONDUCT file in the project’s root directory, and make it visible to the community by linking it from your CONTRIBUTING or README file.

If you want, then do assign me to this issue.
Thanks! 😄

Show an error message for invalid login credentials.

Filles to look for

• inclides/login.php
• includes/sidebar.php

You can take help from registration.php for code.

Add a favicon image

• The logo-like image visible in the tab of a browser is a favicon.
• To add a favicon covert the logo to ico format through online converters.
• add that image to the file directory
• add these codes to the head section

The best favicon icon for the site will be merged.

Thank you! Keep Contributing

Improve the font-style according to UI of website

Hey @chaitak-gorai, I want to change the font style (font-family, font-size) in your website, if you like then do assign this issue to me.

Modify The `Read More` Btn Design

While exploring the project, I found that the READ MORE Button on the Home page is too static.
It doesn't seems smooth to me, and also compatible if we compare it with the UI of the the entire application.

When we hover it, the #ffb535 background pops up in entire one go.
I would like to modify the btn design.
Add a smooth transition for the #ffb535 background to complete the btn-width.

Can we make it like this? 👇🏻

This seems good and can enhance the overall UI of the application.
Would like to work on it if you like the idea and assign me to this issue.
Thanks! 😀

Add "like" features for blog posts

It will be a great enhancement if we add a like post feature to the site.

It will be better if we do asynchronous with javascript.

To store the likes count in the database we will add "post_likes_count" to the 'posts' table. Make a query according to that.

For more queries feel free to ask,
Thank you! Keep Contributing.

Default image for posts

Since there is no form validation for add posts at present and if the user doesn't add a blog post image, it creates a bad UI experience.
Add a default image for all blog posts. This will be shown if no image is uploaded to the post.

Do "CLEAN CODE"

The codes needs to be cleaned. There are many indentation problems and unnecessary commented codes.

You can contribute by cleaning the code. Your job should be:
-Make a proper indentation
-Remove unnecessary commented codes
-Write some comments which describes the code for example about the queries- What they do
-Also if something can be done in a simpler code, it is most welcomed :)

Thank you keep contributing:)

Delete comments also if post is deleted.

At present, if we delete the post the comments of that post remain unchanged.

Updates the query in such a way that if a post is deleted all comments should also be deleted from the database.

Files to change/update:

• admin/posts.php
• admin/includes/view_all_posts.php

Documentation- How the site works

Even for contributing to the project, we need to know each detail about how things are working.

So proper documentation is required.

The maintainers will create the documentation. Although if you understand the working you can contribute to the documentation.md file. It is most welcomed.

Thank you! Keep contributing :)

Add Padding to Blog Cards in Mobile Screens

The blog cards when in low width screens i.e., mobile screens needs a bit padding (according to me).
I would like to fix this.

Right now it is like this:

I think it will be better like this:

Have a look!
Do assign me.

Show Views Count of posts

The views count of each post is shown in the admin section but at present, it is not shown in UI or Home page.

Write a PHP query and access the "post_views_count" from the "posts" table. And show that count in UI both in index page card and Post page too.

For any other help and question feel free to ask.
Thanks for contributing!

Remove text decoration of content of blog cards

When the blog card on the home page is hovered, the blog content summary gets underlined as it is a link.

Solve this issue.

Thank you! Keep Contributing

Change year in footer from 2020 to 2021

This is the first basic issue for beginners.
Files to lookout

• includes/footer.php

Show "suggested tags" in blog search

Every post is associated with some tags, which when used in search we find that post.
If no tags matched we get no posts. So to make the user experience better we can add "suggested tags".
It will contain the tags (max 5) from top blog posts.

• Task 1 : Add suggested tags in no postcard
• Task 2: Keep the search text in the input when the page reloads for search

Remove text decoration from top blog posts card

When the top blog posts card on the home page is hovered, the blog summary gets underlined as it is a link.

Solve this issue.

Thank you! Keep Contributing

Change form validation for empty comments

At present the form validation for empty fields is comments is alert type with a page reload

Change this to Asynchronous with javascript.

Files to chanege

• post.php

Look for includes/sidebar.php from login form for help.

Add github repo link in footer

Add the repository link of GitHub in the footer.

Check for unique username in register

This is a major bug. There is no check at present if the username already exists or not.
This issue needs to be solved.
Check the "usename" row for "users" table in the register query. if it exists give an error message in the UI.

Files to check/update
-registration.php
-register_script.php

Create a profile page template for users

We presently don't have a profile page for authors.

Create a template UI with HTML CSS and js.
You can use bootstrap card codes from the internet.

Categories widget fix

In the blog categories widget on the right. It shows all the present categories even it has no posts in that category.

Update the query and show only the list of those categories which have some blog posts.

Thank you!

"Register approved" mail automation

We manually sent mail to users who are approved to access the admin of blogbook.
In "users" of admin when we approve a new user, a mail can be sent automatically using EmailJs.

Show user profile page in "Profile"

At present "profile" section contains the "update profile" part.
we have a profile page for each user at URL /users.php?u_id=$user_id. So we can include that in the profile section.

After update, the profile section should contain

• Update profile-
• View Profile

Files to check/update

• ad_navigation.php
• profile.php

Change title to "Blogbook"

FIles to lookout
includes/header.php

Add logo to the site

Enhancement in Color Theme

The background color for the site can be more premium and standard.

If you have good graphics knowledge, suggest some changes to the colors on the site.

Change the necessary files, create a PR . If that looks good we will merge it.

Thank you! Keep Contributing

Session Logged out in "Register" and "Contact"

When a user is logged in and he goes to either "register" or "contact us ". He couldn't access the admin then.
This is a bug but a simple "good first issue" for beginners.
Hint: there is no session activated on those pages.

"Top Authors"

we can add top authors based on either sum of views count from all posts of a particular user.

This will be shown in index page side widget.

For more queries feel free to ask
Thank you! Keep contributing.

Login validation for wrong username or password

At present, if the username and password don't match, the page reloads. There is no error message.

Check for the user's database and if username or password doesn't match,show an Error

Change side widget

At present, there is Lorem ipsum text in the widget wall.

You can be creative and add anything there . Some suggestions are:

• Recent Posts
• Some Quotes

If any help is required feel free to ask. We are ready to help you.