gedepakusadewa / 2_website_blog Goto Github PK

create website blog -> https://www.orientsoftware.com/blog/full-stack-project-ideas/ Blog Website and Application

Building a blog website gives you a chance to tinker and better understand database relationships, user authentication, and how to build an attractive blog website. After all, the blog needs to be appealing to attract users, and users should be able to post their articles, come back and edit them when desired, and even delete them. Also, make sure to include the necessary authentication elements so that users with legitimate credentials can use the platform

CRUD

• Create -> create new article
• Read -> read all article, read one article
• update -> update all part of article
• delete -> delete article

use django auth and autho, but check if it posible or not

For design use this https://reactjsexample.com/blogs-and-gallery-app-built-with-react-js/ but without galery and image menu. Add update and delete feature win all blog using kebab dot icon or similar with that

backend API

• create base project
  • check what field will be use in table and then create it
• create feature CREAT and READ ALL

isssue and solution:

• https://stackoverflow.com/a/32124113

backend api

• create READ per one, UPDATE and DELETE

isssue and solution:

• none

frontend ref -> https://reactjsexample.com/blogs-and-gallery-app-built-with-react-js/

• create page using same color, same button posisiton, with name "webblog". just make base page like main page with button that not display anything
• create new article page with form with dummy button

isssue and solution:

• none

frontend ref -> https://reactjsexample.com/blogs-and-gallery-app-built-with-react-js/

• create route page in react page from main to create new blog and vice versa
• create a function to submit job

cobak ini -> https://www.freecodecamp.org/news/react-router-tutorial/

isssue and solution:

• https://stackoverflow.com/a/75760055
• https://stackoverflow.com/a/75525995

frontend ref -> https://reactjsexample.com/blogs-and-gallery-app-built-with-react-js/

• create read update. update button in read page (create new button for this). make read and update function work. for update, make modal whenever user click update
• fix css. make it like the "ref"

isssue and solution:

• https://stackoverflow.com/a/47467641
• https://stackoverflow.com/a/63641389

frontend ref -> https://reactjsexample.com/blogs-and-gallery-app-built-with-react-js/

• create delete. put delete button just in right side of update button. when user click delete modal appear to confirm if user really want to delete the blog.
• make header and footer avaible in all page.

isssue and solution:

• None

backend

• check if implement django user auth/autho is applicable or not for this project (PENDING)

frontend

• add resource

issue and solution:

• https://stackoverflow.com/a/72531447