Skip to content

Commit eea8a0f

Browse files
Adds images
1 parent 9af19b8 commit eea8a0f

File tree

1 file changed

+9
-5
lines changed

1 file changed

+9
-5
lines changed

README.md

Lines changed: 9 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,19 @@
11
# React.js-Basic-Blog
22

33
<p>
4-
This blog web app (<a href="https://crewsblogproject.netlify.app/" target="_blank"><b>click here to view</b><a>) provides the basics one would expect to find in a blog, such as a page to view all posts and a way for credentialed users to make new posts.
4+
This blog web app (<a href="https://crewsblogproject.netlify.app/" target="_blank"><b>click here to view</b><a>) provides the basics one would expect to find in a blog, such as a page to view all posts and a way for credentialed users to make new posts. The below image shows the blog home page.
55
</p>
66

7-
![image-name-test](https://github.com/CrewsControlSolutions/React.js-Basic-Blog/blob/main/screenshots/HomePage.png?raw=true)
7+
![home-page](https://github.com/CrewsControlSolutions/React.js-Basic-Blog/blob/main/screenshots/HomePage.png?raw=true)
88

99
<p>
10-
The app has complete CRUD functionality. React Router is used for routing to the Create, Read, and Update pages from the home page. (There is no Delete page since this is handled as an action instead.)
10+
The app has complete CRUD functionality. React Router is used for routing to the Create, Read, and Update pages from the home page. (There is no Delete page since this is handled as an action instead.) The below image shows the view for creating or updating a post.
1111

12-
User authentication and data storage is handled via integration with Firebase. Data relating to a post is not retrieved from state local to the client; rather, it is continuously retrieved from the Firebase Realtime Database.
12+
![new-or-edit-post](https://github.com/CrewsControlSolutions/React.js-Basic-Blog/blob/main/screenshots/EditPost.png?raw=true)
13+
14+
User authentication and data storage is handled via integration with Firebase. Data relating to a post is not retrieved from state local to the client; rather, it is continuously retrieved from the Firebase Realtime Database. For a view of Firebase's NoSQL database, see the below image.
15+
16+
![firebase-realtime-db](https://github.com/CrewsControlSolutions/React.js-Basic-Blog/blob/main/screenshots/FirebaseRealtimeDatabase.png?raw=true)
1317

1418
One current limitation is that new users cannot be created directly from the web app. Instead, they must be created through Firebase's website. Once created, a user is able to login to the blog app and create new posts or edit/delete any existing posts.
1519

@@ -19,5 +23,5 @@ The UI/UX is simple yet clean. The header, organization of blog posts, and sele
1923

2024
Netlify is utilized for hosting the app's production version, including a <a href="https://crewsblogproject.netlify.app/" target="_blank">Live URL</a> for viewing in a web browser.
2125

22-
To view screenshots of what a credentialed user is able to see and perform in the app, see the <a href="https://github.com/CrewsControlSolutions/React.js/tree/main/blog-project/screenshots">Screenshots</a> folder. If you would like temporary user access to experience full functionality, please contact the author via <a href="https://www.linkedin.com/in/kylecrews94/" target="_blank">LinkedIn</a> or submit an inquiry from their <a href="https://crewscontrolsolutions.github.io/" target="_blank">Portfolio</a>.
26+
To view screenshots of what a credentialed user is able to see and perform in the app, see the <a href="https://github.com/CrewsControlSolutions/React.js-Basic-Blog/tree/main/screenshots">Screenshots</a> folder. If you would like temporary user access to experience full functionality, please contact the author via <a href="https://www.linkedin.com/in/kylecrews94/" target="_blank">LinkedIn</a> or submit an inquiry from their <a href="https://crewscontrolsolutions.github.io/" target="_blank">Portfolio</a>.
2327
</p>

0 commit comments

Comments
 (0)