sharon-06/news-web-app

Fullstack web site built with MERN stack

News Blog

MERN News web site with various functionalities

Table of Contents

1. About The Project
   • Built With
2. Getting Started
   • Prerequisites
   • Installation
3. Usage

About The Project

News web site where you can view posted news as a guest by default, or comment on posts if You register a profile. After You are registered as a user, you need to wait for admin to activate Your profile. After You are activated as a user, You get a premission to comment under posts. You can also edit Your profile. Logging in as an admin lets you post news, delete or edit them. Also, admin can delete comments and activate or deactivate users. (If you want to try admin mode, use credentials admin-admin).

(back to top)

Built With

• Node.js
• Express
• MongoDB
• Mongoose
• React.js
• Bootstrap

(back to top)

Getting Started

Prerequisites

• npm

  npm install npm@latest -g

Installation

1. Clone the repo

   git clone https://github.com/kenangenjac/news-web-app.git

2. Install NPM packages in client folder

   npm install

3. Install NPM packages in server folder

   npm install

4. Start client

   npm start

5. Start server

   node index

   or

   npm run watch

   to use nodemon
6. Enter your MongoDB connection string in server/index.js if you want to work with Your db

   const URI = 'your_conn_string';

(back to top)

Usage

Some screenshots from the website

Login screen

User panel after login

Single post and comment section

Update account screen

User activation and deactivation in admin mode

Writing a post in admin mode

(back to top)