Project name: Construction Blog App Author: Elijah Bundi
Below are the github links for the frontend and backend.
frontend link
https://github.com/ElijahBundi/blog-frontend-app.git
backend link
https://github.com/ElijahBundi/phase-3-sinatra-react-project.git
Welcome to construction blog App, where dreams come home! We encourage you to search, read, explore, review and let us guide you home. Our layout is extremely user friendly, offering a beautiful interface as the blogs we offer. Our mantra being the magnitude of the minute, we showcase simplicity in its most grandiose form.
After unbundling the project:
- Run
npm install
in your terminal. - Run
npm run server
. This will run your backend on port8004
. - In a new terminal, run
npm start
. This will run your React app on port8000
.
Make sure to open http://localhost:9292/blogs in the browser to verify that your backend is working before you proceed!
The base URL for your backend is: http://localhost:9292
As a user:
- When the app starts, I can see all currently uploaded blogs.
- I can add a new blog to the list of blogs while sending that data back to the server.
- I can delete blogs and add blogs at will.
- I can review and update blogs.
Example Response:
[
{
"id": 2,
"title": "Baraza",
"author_id": "[email protected]",
"content": "Get woken up by the cool breeze of the ocean."
},
{
"id": 3,
"title": "Esther",
"author_id": "[email protected]",
"content": "Beautiful waterfall scenery."
},
]
Required Headers:
{
"Content-Type": "application/json"
}
Request Object:
{
"title": "Billy",
"author_id": "Omollo",
"content": "When you want a town setting."
},
Example Response:
{
"title": "Billy",
"author_id": "Omollo",
"content": "When you want a town setting."
},
Using a button, function and the filter method, a blog can be deleted and the remaining blogs displayed.
Example Response:
```json
{}
As a user:
1. I can add a blog to my favorites and see it on a separate list.
2. I can click on a blog and see it on a separate page with more detailed content.