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.