Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mudasirrr/sit725-2023-t2-prac6

Last synced: 4 days ago
JSON representation

Host: GitHub
URL: https://github.com/mudasirrr/sit725-2023-t2-prac6
Owner: Mudasirrr
Created: 2023-08-27T03:44:32.000Z (about 1 year ago)
Default Branch: master
Last Pushed: 2024-02-11T16:36:52.000Z (9 months ago)
Last Synced: 2024-02-11T17:37:28.117Z (9 months ago)
Language: JavaScript
Size: 1.52 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

        # SIT725-2023-T2-Prac6

# Complete Demo Web application by utilizing Professional MVC (Model View Controller), including Testing

# ***For completing this task, I have used the following tools and Framework*** 


### 1. Node. js 


### 2. Mongodb library 


### 3. Express.js 


### 4. Git 


### 5. GitHub Repository 


### 6. Vs Code 


### 7. Mongodb website for creating a database project https://www.mongodb.com/ 
 

### 8.Mocha and chai packages for Testing




Model, View, and Controller are the three primary logical components that make up an

application according to the Model-View-Controller (MVC) architecture, an architectural/design

pattern. Each architectural element is designed to manage particular application development

facets

-------------------------------------

![MVC Architecture](https://github.com/Mudasirrr/SIT725-2023-T2-Prac5/blob/mvc/Screen%20shots/mvc%20arc%201.PNG)

--------------

-------

![MVC Architecture Expend](https://github.com/Mudasirrr/SIT725-2023-T2-Prac5/blob/mvc/Screen%20shots/mvc%20arc%202.PNG)

--------------

# How it will work?

1. Clone this repository in your system``


   ``git init``

   ``git clone https://github.com/Mudasirrr/SIT725-2023-T2-Prac4.git``

2. Use NPM (Node Package Manager) to install dependencies for this project. 


   ``npm init``

3. To install express  


   ``npm install express`` and 


4. To install mongodb: `


   ``npm install [email protected]```


   4. To install mocha and chai: 


   ``npm install mocha chai```


# Note:

First you will need to create an account on MongoDB [https://www.mongodb.com/]

If you are new to Mongodb please follow this link (https://www.mongodb.com/basics/get-started)

5. to start the server, just go to the terminal and write ``npm start or node.server.js``

   Note: you should be in the project folder directory

6. Go to `localhost:3000` on your browser. 


   =======================================================================================

# Screenshots

# Testing Output:

----------------------------------

![](https://github.com/Mudasirrr/SIT725-2023-T2-Prac6/blob/master/Screen%20shots/testing%20output.PNG)


---------------------------------

#Overall Interface



------------------

![](https://github.com/Mudasirrr/SIT725-2023-T2-Prac6/blob/master/Screen%20shots/OOUTPU.PNG)


-----------------

To add new cat:


1- click on click Me button


2- Fill the form


3- Submit


---------

![Add new cat](https://github.com/Mudasirrr/SIT725-2023-T2-Prac5/blob/mvc/Screen%20shots/add%20cat1.PNG)


-----------

#Final Overview:


----------------

![Final Over View](https://github.com/Mudasirrr/SIT725-2023-T2-Prac5/blob/mvc/Screen%20shots/AAdc.PNG)


---------------

    ~~~I hope you enjoy it~~~