Ecosyste.ms: Awesome

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

Awesome Lists | Featured Topics | Projects

https://github.com/mudasirrr/sit725-task-2.2p-assessment-

Last synced: 4 days ago
JSON representation

Host: GitHub
URL: https://github.com/mudasirrr/sit725-task-2.2p-assessment-
Owner: Mudasirrr
Created: 2023-07-23T03:28:32.000Z (over 1 year ago)
Default Branch: main
Last Pushed: 2023-07-23T04:22:43.000Z (over 1 year ago)
Last Synced: 2023-07-23T04:24:01.777Z (over 1 year ago)
Language: JavaScript
Size: 0 Bytes
Stars: 0
Watchers: 1
Forks: 0
Open Issues: 0
Metadata Files:
- Readme: README.md

Awesome Lists containing this project

README

# SIT725-TASK-2.2P-Assessment-
---------------------------------------------------------------------------------

In this assessment, I simply make a website by using basic HTML, Node.js, and Express.js Framework

For completing this task, I install and create the following:

# 1. Node. js

# 2. Vs Code

# 3. Express.js

# 3. body-parser

# 4. GitHub Repository

# 5. Git

# How it will work?

1. Clone this repository in your system`

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

This app uses Express.js and body-parser for work. You can install these by executing this command:

```1-npm install express``` and

```2-npm install body-parser``

3. Now use Node.js to start the server:

```npm start```

4. Go to `localhost:3000` on your browser. Give input to the calculator.

5. The front-end sends entered data to the back-end (server side), where it gets parsed by `body-parser` on the server side. After that, the server sends the output to the browser, where it is displayed.

# HTML

By using HTML, I created the index.html file for the front end.
# Screenshots

#Overall Interface
-------
![Overall Interface](https://github.com/Mudasirrr/SIT725-TASK-2.2P-Assessment-/blob/main/Overl%20Interface.PNG)
--------------
#Simple Get Method
-------
![Overall Interface](https://github.com/Mudasirrr/SIT725-TASK-2.2P-Assessment-/blob/main/Simple%20get%20method.PNG)
-------
#Post and Get Method
-------
![Overall Interface](https://github.com/Mudasirrr/SIT725-TASK-2.2P-Assessment-/blob/main/post%20and%20get%20method.PNG)
-------
#Result from Post Method
-------
![Overall Interface](https://github.com/Mudasirrr/SIT725-TASK-2.2P-Assessment-/blob/main/Result%20from%20Post%20Method.PNG)
-------

# Node.js - Express.js
By using Node.js & Express.js frameworks, I have created a back-end in which I write some APIS and used express.js

![Server Side 1](https://github.com/Mudasirrr/SIT725-TASK-2.2P-Assessment-/blob/main/server%20side%201.PNG)
-------

![Server side 2](https://github.com/Mudasirrr/SIT725-TASK-2.2P-Assessment-/blob/main/server%20side%202.PNG)
-------