eddie-2020 / blog-app-v2

The Blog app will be a classic example of a blog website. You will create a fully functional website that will show the list of posts and empower readers to interact with them by adding comments and liking posts.

Blog_App_With_Rails

This Blog app is a classic example of a blog website. And the creation of a full functional website that will show the list of posts and empower readers to interact with them by adding comments and liking posts.

Milestone-1

• For each URL you should create:
  • A route.
  • An action in the correct controller.
  • A view file.
• View files should include only placehoulders written in plain HTML, e.g:
  • Here is a list of post for a given user

Milestone-2

• Add RSpec as a gem to your project.
• Create a Request spec file for all your controllers.
• Make sure that for each action you check:
  • If response status was correct.
  • If a correct template was rendered.
  • If the response body includes correct placeholder text.

Milestone-3

• Build your project schema.
  • Create and run the necessary migration files.
  • Table and column names should match the ERD diagram.
    • note: photo for users table should be a link to an image
  • Foreign keys should be included.
  • All columns that are foreign keys should have a corresponding index.

Milestone-4

You should include some additional methods.

• Users
  • A method that returns the 3 most recent posts for a given user.
• Posts
  • A method that updates the posts counter for a user.
  • A method which returns the 5 most recent comments for a given post.
• Comments
  • A method that updates the comments counter for a post.
• Likes
  • A method that updates the likes counter for a post.

Milestone-5

• Implement the design from the sneak peek wireframes.
  • Styling is nice to have but focus on making sure everything functions first.
• Use methods that you have created in the Blog App - processing data in models.
• Hint: In order to see some posts or comments, you might need to add some data to your database as described here.

Milestone-6

• Create forms to perform the following functions:
  • Create a Post on behalf of the current_.user.
  • Create a comment on behalf of the current_user.

Mileston-7

• Add the following validations:
  • For the User model:
    • Name must not be blank.
    • PostsCounter must be an integer greater than or equal to zero.
  • For the Post model:
    • Title must not be blank.
    • Title must not exceed 250 characters.
    • CommentsCounter must be an integer greater than or equal to zero.
    • LikesCounter must be an integer greater than or equal to zero.
• Add unit specs for all of your models' methods and validations.
• Add flash messages in the create actions in all your controllers.
• Make sure that the N+1 problem is solved when fetching all posts and their comments for a user.

Milestone-8

• Remove current_user method in ApplicationController, devise will provide us with one.
• Install and setup devise.
  • Can register a new user.
  • User logs in with a combination of email and password.
  • Hashed password should be stored in the database.
  • Ask for confirmation of email.
  • Can reset password.
• Modify the views in devise for registration and login to match the wireframes from the Sneak Peek and your styling.

Milestone-9

• Install CanCanCan in your project.
• Add a role column to the users table. Remember to use a migration for this.
• A user can delete a post if it is theirs or if they have an admin role (column role has value "admin"). Use CanCanCan for this authorization.
  • For that you need to implement the post deleting functionality. Add the "Delete" button to the view and make sure that only authorized users can see it.
• A user can delete a comment if it is theirs or if they have an admin role (column role has value "admin"). Use CanCanCan for this authorization.
  • For that you need to implement the comment deleting functionality. Add the "Delete" button to the view and make sure that only authorized users can see it.

Milestone-10

• Login page:

  • I can see the username and password inputs and the "Submit" button.
  • When I click the submit button without filling in the username and the password, I get a detailed error.
  • When I click the submit button after filling in the username and the password with incorrect data, I get a detailed error.
  • When I click the submit button after filling in the username and the password with correct data, I am redirected to the root page.

• User index page:

  • I can see the username of all other users.
  • I can see the profile picture for each user.
  • I can see the number of posts each user has written.
  • When I click on a user, I am redirected to that user's show page.

• User show page:

  • I can see the user's profile picture.
  • I can see the user's username.
  • I can see the number of posts the user has written.
  • I can see the user's bio.
  • I can see the user's first 3 posts.
  • I can see a button that lets me view all of a user's posts.
  • When I click a user's post, it redirects me to that post's show page.
  • When I click to see all posts, it redirects me to the user's post's index page.

• User post index page:

  • I can see the user's profile picture.
  • I can see the user's username.
  • I can see the number of posts the user has written.
  • I can see a post's title.
  • I can see some of the post's body.
  • I can see the first comments on a post.
  • I can see how many comments a post has.
  • I can see how many likes a post has.
  • I can see a section for pagination if there are more posts than fit on the view.
  • When I click on a post, it redirects me to that post's show page.

• Post show page:

  • I can see the post's title.
  • I can see who wrote the post.
  • I can see how many comments it has.
  • I can see how many likes it has.
  • I can see the post body.
  • I can see the username of each commentor.
  • I can see the comment each commentor left.

Milestone-11

• Create an API endpoint to list all posts for a user.
• Create an API endpoint to list all comments for a user's post.
• Create an API endpoint to add a comment to a post. Remember that the owner of the comment is the user that makes it; it should not be set by passing a parameter.
• Add authentication to your API endpoints.
• Your API endpoints should receive JSON and respond JSON as well.

Clone Project

• STEP 1:
  • git clone [email protected]:oluyaratosin123/Blog-App-II.git
• STEP 2:
  • cd Blog_App_II in your terminal
• STEP 3:
  • run rails server or rails s in your terminal
• STEP 4:
  • visit localhost:3000 on your browser

Yeyyy you have the app running Congratulations 😅🎉

Run test suits

rspec spec

Technologies Used

• Language (Ruby on Rails)
• PostgreSQL

Installation

• Ruby
• Rails
• Postgresql

👤 Author

Edward Yara

• GitHub: @oluyaratosin123
• Twitter: @TOluyara
• LinkedIn: LinkedIn

Damdafayton

• GitHub: Github
• LinkedIn: LinkedIn

Contributing 🤝

Contributions, issues, and feature requests are welcome!

Show your support

Give a ⭐ if you like this project.

Acknowledgments

• Hat tip to anyone whose code was used
• Inspiration
• etc

License 📝

This project is MIT licensed