writescape-mern (writescape.netlify.app)

Writescape is a modern full-stack single-page app (SPA) hosted and deployed on Netlify. Both the front-end and back-end are built in JavaScript. Here is the breakdown of what was used to build it:

Backend:

• MongoDB, the most popular database for modern apps.
• Express.js, a minimal and flexible Node.js web app framework.
• Node.js, a JavaScript runtime.

Back-end source code: GitHub.

Frontend:

• React.js
• CSS3

Front-end source code: GitHub.

Project Process Workflow:

• NPM Scripts + Webpack
• PostCSS
• stylelint linter

---

Application Features

• The application lets any user browse the articles that have been written by other authenticated users.
• Any user can view profiles of the authenticated users.
• Authenticated users can follow and unfollow each other.
• Authenticated users can create posts, edit and delete their posts.
• Authenticated users can use live search feature in the top menu bar to find content written by other authenticated users with similar interests and then follow them..
• Authenticated users can browse the latest posts from the people they follow in the home page.
• Authenticated users can use the live chat feature and start talking to any other logged in users, and get notification in the top menu bar on the chat icon.
• Client-side & Server-side validation for login, register and create/edit form.
• Users can write and edit their posts using Markdown syntax.