User Manual

Group Members:

Parth Shah - 1811047

Raj Shah - 1811048

Smit Shah - 1811051

Project Title - Connect

Github Link - https://github.com/Smit1400/MeanProject/tree/master

Drive Link - (Video added here) https://drive.google.com/drive/folders/11UtZpSp1BsnmqJvTokhbb5yrJiahCfhB?usp=sharing

Execution Steps:

Step - 1

Clone or download the zip from the GitHub repository mentioned above.

Navigate to the "backend" folder and run command "npm install" to install all the backend

packages.

Step - 2

Once installed, go to the server folder and run command "npm start" to start the backend server

on port 3000.

Note: Replace the mongo db url with your local url or atlas url.

Step - 3

Then navigate to "client" folder and run command "npm install" to install all the frontend

packages.

Step - 4

Then navigate to "client" folder and run command "ng serve" to start the project on port 4200(default port)

Step - 5

Create an account on https://cloudinary.com/

On successful creation go to the settings provided in the top right of the page.

There go to upload:

And create a upload preset by clicking on the following line:

After creating it go back to the dashboard.

Under the navbar the value for these fields would be given.

Copy the values of cloud name, upload preset (which you used before to create a new preset) and api base url.

And then stored them in app folder which is in the client folder under the folder named config and name the file as key.js.

Save it in this format:

module.exports = {

UPLOAD_PRESET : "value"

CLOUD_NAME : "value"

URL : "value"

};

Login Page (Sign In ) -

When you start the website if you are not logged in you will be redirected to this page or else you will be redirected to the post (home) page.

Register Page (Sign UP) -

In the Login Page if you have clicked a button "sign up" or "create an account" then you will redirect to this page where you have to add following valid details to register yourself to the website.

Forum Page -

This page appears if you click on the Forum button on the navbar.

In this page you can start a conversation, delete your forum(posts), see user details on left hand side.

Answer Page -

If you click the answer button on the forum page you will be directed to this page where you can share your thoughts i.e. answer.

Post Page:

After logging the user will be redirected to this page.

Here on the left side user details will be displayed.

You can post using the post form given at the top center of the page ie this:

Here on "Connect" there are two posts a user can do.

1)Only text post:

For this only enter the text in the textarea field and press on "Share"

On pressing the Share button:

2) Text + image post:

For this enter the text in the textarea and select a particular file for the post using the the choose file button provided in the form:

On selecting the file from the local computer.

On pressing the Share button:

One can also like,unlike and delete posts.

Here one will be able to delete only those posts which they have created.