Storify is a web application where users can create/edit/delete their own stories and can read the stories of other users. I have used the interative CKEditor to create/edit which has cool in-build features. Storify requires user to login using their Google Account.
Technologies Used: NodeJs | ExpressJs | MongoDB | Passportjs with a Google OAuth strategy
User need to login with Google Account to access the dashboard
User will be directed to the dashboard
User can create the story by clicking on the + button on buttom-right of page
User can create a private story as well by choosing the status accordingly from dropdown
Dashaboard page has both the stories created by user with Edit button and Delete button
Now, if we click on the When Adversity Knocks, single story page will be shown
This is the side navbar for navigation to dashboard, public stories and for logging-out
This page shows all the public stories created by user sorted by date and time. It has story named Count Wisely just created by Ritika Jain and it also has the edit button. But other stories doen't have edit button because those are not created by Ritika.
If we change the status of Count Wisely story to private by clicking on edit button
Now, the public stories page doesn't contain the Count Wisely story because we have made it public
If we click on the Read More
button on The Ant and The Dove story created by Krish Goyal, this page will be shown
We can see all the stories created my Krish Goyal by clicking on the More From Krish in previous image
Functionalities:
Google Authorization using Google OAuth Strategy
Users can make the story either public or private by choosing the status from dropdown accordingly
Edit the story
Delete the story
Cannot edit/delete story of other users
View the profile of the users they are interested in and can see all of their stories