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-prac5

Last synced: 4 days ago
JSON representation

Host: GitHub
URL: https://github.com/mudasirrr/sit725-2023-t2-prac5
Owner: Mudasirrr
License: mit
Created: 2023-08-19T16:11:54.000Z (over 1 year ago)
Default Branch: master
Last Pushed: 2024-02-12T00:31:06.000Z (9 months ago)
Last Synced: 2024-02-12T01:31:07.831Z (9 months ago)
Language: JavaScript
Size: 2.43 MB
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 1
Metadata Files:
- Readme: README.md
- License: LICENSE

Awesome Lists containing this project

README

        # SIT725-2023-T2-Prac4

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


```Complete 1-page website having front-end, back-end with Database```

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/




   

# 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]```


# 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

#Overall Interface



-------

![Overall Interface](https://github.com/Mudasirrr/SIT725-2023-T2-Prac4/blob/master/Screenshots/Overal%20Output.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-Prac4/blob/master/Screenshots/form%20submition.PNG)


-----

#Final Overview:


----

![Final Over View](https://github.com/Mudasirrr/SIT725-2023-T2-Prac4/blob/master/Screenshots/complete%20ov.PNG)


------

                  ~~~I hope you enjoy it~~~