technobyte-nitkkr / blogs Goto Github PK

get all blogs

Response:

[
  {
    id: string
    title: string
    content: string
    image: string <url>
  }
]

this page will be similar to create post page #28 . Only difference is this will use /blogs/update/:id to update the selected blog by the user. Also the input fields on this page will already be filled by the blog's content retrieved from backend.

Also this page will contain a Review section where all the review messages sent by the admin will be displayed.
Here the button Send for review will generate a post request to /blogs/update/:id

Add the pending blogs component to the Admin Dashboard
This component will display all those blogs which are requested for a review by a user.
use /blogs/getAll route and apply filter on blog.review property to properly identify such blogs.

Design will be uploaded soon

• Create a static component
• Integrate the backend route to get dynamic data
• Ensure responsiveness

Using the given design implement the landing page for the blog. The page will display all the posted blogs on our site. Along with a search bar to filter from the blogs.

design will be uploaded here soon.

• Create the static page using the above design and static data.
• Use the route /blogs/getAll #9 to fetch the data from backend.
• Ensure responsiveness of the page

This issue will be updated later

a dashboard for the logined user to view all his/her blogs (pending,approved,rejected) and a button to create a new blog.

The page will have a component and a button

• A component to display all the blogs created by the user. Use /blogs/getAll and apply filter on blogs.createdBy
  • First create a static component and ensure it's responsiveness
  • Integrate the routes to make it dynamic
  • After selecting a post, user will be directed to #30
• Create Post button to create a new post, will direct the user to #28

Update blog based on ID

{
  title: string
  description: string
  content: string
  photo: type<Photo>
}

https://meet.google.com/hke-kdxf-dxw

@@ADMIN ONLY

Workflow to ensure admin only access this:

// get auth_token from cookie

const { userId, email } = requestDataFromJWTToken(auth_token)

const user = findUniqueUser(id, email)

if ( user.type != admin) 
  return 'Unauthorized'

// continue

@@Admin

Ensure user is admin based on #15

send review of blog based on:

• pending: no review done
• approved: blog is published for everyone
• update: improve blog based on review_message

Integrate react router so that routing to different pages is possible

@@Admin

Ensure user is admin based on #15

send newsletter to all user who are subscribbed

@@Admin

Ensure the user is admin based on #15

Delete blog based on id

add comment to blog

req:

header: {
  auth_token: <user_auth_token>
} // passed using cookie
body: {
  content: string
}

Search blog based on a query such as tags, time uploaded, search query string

Sign up email for the newsletter

• #19
• #20
• #21
• #22
• #23
• #24
• #25
• #27
• #28
• #29
• #30
• #31
• Ensure the site is responsive as a whole after performing unit responsiveness

New issues might be added in the future

create new blog.

req:

{
  title: string
  description: string
  content: string
  image: type<photo>
}

• #7
• #8
• #9
• #10
• #11
• #12
• #13
• #14
• #15
• #16
• #17
• #18

Database schema:

The schema might be changed based on further recommendation

• Tags:

  • name: String

• blogs:

  • title: String
  • content: String
  • tags: [Tags]
  • image: String
  • comments: Comments
  • review: enum('pending', 'approved', 'update')
  • reviewMessage: String

• Comments:

  • user: User
  • content: String
  • date: Date

• users:

  • email: String
  • name: String?
  • role: enum('admin', 'user')
  • newsletterIsSubscribed: Boolean
  • others...

Integration of Google OAuth with jwt token for authentication verification

API's to make:

Public API's: accessed by all

• /auth/signin
• /auth/signup

Authenticated user:

• /auth/logout

How to ensure that the user is authenticated or not?

Store cookie in client-side with key-value pair: auth_token: <auth_token>

get a specific blog based on blogId

https://github.com/minio/minio-js

Here admin can see all the posted blogs and remove any blog.
Uses /blogs/getAll to view all blogs and /blogs/delete/:id to delete the blog

• Create a static page
• Integrate routes
• Ensure responsiveness

A popup will be shown to visiting users after a short interval, asking for:

1. signin/signup
2. subscribing to newsletter
3. To display upcoming hackathons, events organized.

design will be uploaded soon

• Create a static component
• Add the backend routes /auth/signin and /auth/login (#7) for signup and signin respectively.
• Add the backend route /newsletter/email (#8) for subscribing to newsletter

When admin selects a blog from Pending blogs s/he will be directed to view the complete blog and add a review.
Uses /blogs/get/:id to display the blog and admin/blog/review/:id to give a review.

design will be uploaded soon

• Create a static page
• Integrate the routes
• Ensure responsiveness

Add the page to view the selected blog from landing page (#20)

The page will use the following backend route /blogs/get/:id (#10) to fetch the blog data.

Response from /blogs/get/:id

{
   title: String
   content: String
   tags: [Tags]
   image: String
   comments: Comments
   review: enum('pending', 'approved', 'update')
   reviewMessage: String
}

design will be uploaded soon

• Create the blog view as well as a comment section at the bottom of the blog
• Use the mentioned route to fetch data
• Ensure responsiveness

Page only accessible to user.role = 'admin'

Consists of a Component and 3 buttons

• #24
• Posted to show all the posted blogs. Directed to #25
• Send Newsletter to send newsletter to all the resgistered users. Directed to #26
• Create new post to create a fresh post. Directed to #28

Design will be uploaded soon

@Moddynow69 sir permission dedo.

add the create post page which will be only accessible to logined user and the admin.

The page will contain input fields for

1. Title
2. Description
3. Tags
4. CoverImage

and a Send for review button to send the blog for review to the admin using /blogs/create route.

A large part of the page will be dedicated to a richtext editor.