An open API service indexing awesome lists of open source software.

https://github.com/SorcererChiragsingh/WriteSphere

I'll be building an in-depth full-stack Blog project application using Node.js, Express, React, and MongoDB along with ES6+.
https://github.com/SorcererChiragsingh/WriteSphere

expressjs mongodb mongodb-compass nodejs postman reactjs

Last synced: 5 months ago
JSON representation

I'll be building an in-depth full-stack Blog project application using Node.js, Express, React, and MongoDB along with ES6+.

Awesome Lists containing this project

README

          

WriteSphere



MIT License


we will be building an in-depth feature-rich blog application using the MERN stack (MongoDB, Express.js, React, Node.js).
walk you through:
✅ Setting up the backend with Node.js and Express.js
✅ Integrating MongoDB for database management
✅ Developing a user-friendly frontend with React
✅ Implementing essential features like blog posting, user authentication, and more!

➥ Live Demo



## Table of Contents

- [About](#about)
- [Features](#features)
- [Screenshots](#screenshots)
- [Tech Stack](#tech-stack)
- [Road Map](#roadmap)
- [Report Issues](#report-issues)
- [License](#license)
- [Acknowledgements](#acknowledgements)

## About

In this project, we will be building an in-depth full-stack Blog project application using Node.js, Express, React, and MongoDB along with ES6+.

This project includes...

- Building an extensive backend API with Node.js & Express

- Extensive API testing with Postman

- Integrating React with our backend in an elegant way, creating a great workflow

- Building our frontend to work with the API

- Get and Post Request using MongoDB

## Features

- **Feature 1:** Building an extensive backend API with Nodejs & Express
- **Feature 2:** Extensive API testing with Postman
- **Feature 3:** Building our frontend to work with the API
- **Feature 4:** Get and Post Request using MongoDB

## Screenshots

### Home Page
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/UserLandingPage.png)

### User Sign Up Pages
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/SignUpPage.png)

### User Sign In Page
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/SignInPage.png)

### User Profile Page
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/UserProfileUpdationPage.png)

### Add New Blog
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/UserAdddNewBlog.png)

### View Blog
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/ViewBlogg.png)

### Comment & Like On A Blog
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/CommentOnaBlogg.png)

### Admin Landing Page
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/AdminLandingPage.png)

### Admin Add New Category Page
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/AdminAddNewBlogCategoryPage.png)

### Admin List All Users Page
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/AdminListAllUsersPage.png)

### Admin List All Comments Page
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/ListAllCommentsForAdmin.png)

### User List Blogg Page
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/UserListBlogPage.png)

### CategoryWise Blog List Page
![](https://github.com/SorcererChiragsingh/WriteSphere/blob/main/Images/CategoryWiseBlogListPage.png)

## Tech Stack

- Frontend: HTML, Tailwind css, ReactJS, ExpressJs, Context API.
- Backend: Node Js
- Database:Mongo DB
- Deployment: vercel

## Roadmap

- Notifications: Notify users about likes, comments, follows, and messages
- Stories: Add ephemeral posts that disappear after 24 hours.
- Advertisements: Add ad spaces in the feed or as sponsored posts.

## Report Issues
- You can report issues on this project using Github issue.
- You can read more about this from [Github Docs](https://docs.github.com/en/issues/tracking-your-work-with-issues/creating-an-issue)

## License

- This project is licensed under the MIT License - see the [LICENSE](https://github.com/SorcererChiragsingh/WriteSphere?tab=MIT-1-ov-file) file for details.
- The project Bean & Brew Coffee is packaged and distributed using the [MIT License](https://choosealicense.com/licenses/mit/) which allows for commercial use, distribution, modification and private use provided that all copies of the software contain the same license and copyright.

## Acknowledgements

- A passion project by [Chirag](www.linkedin.com/in/chirag-singh-148993279)