HTML | CSS | JavaScript | Node.js | Mongo | Bootstrap

THe frontend of the website is created by HTML, CSS, Javascript, Bootstrap and EJS. The backend is build with node.js with the Express library.

It provide the basic CRUD functions, with RESTful routes.

The database is created by Mongo with Mongoose library. Data stored in the database are including User's information, House's information and the reviews.

The create post and leaving review functions are limited for only user with authentication. And only the authorized user - the one who create the post or review, can edit or delete them.

HTML | CSS | Bootstrap | PHP | MySQL

For normal user, they can view the photo album and leave comment on any photo they like. The number of view and the comment of the album and photo will show on the page. For admin user, this album allow you to upload photos, create new album, edit the album information and photo description. Also, admin can delete the comments in any photo.Admin can logout on any page by clicking the logout button on the navbar.

::::: The pages for normal user :::::

1.)index.php - This is the index page which consist of a navbar and created albums, user can click on any album to further discover the photos in that album.

2.)albumDisplay.php - This page will show the user all photos in a particular album, the page will show the basic information of that album including the album's name, album's description, number of photos and number of views.

3.)albumPhoto.php - This page will show the selected photo in a larger version, also there is a list of small photos below it showing the other photos which are in the same album. Moreover, there is a comment section on the right bottom corner which let user to leave comment on the photo.

4.)allPhoto.php - This page will show all the photos uploaded to the site ordered by the uploaded date.

::::: The pages for admin :::::

1.)connMysql.php - This script is use for connecting the MYSQL database and create the mysqli object for interacting with the database.

2.)login.php - When user click on the login button on navbar, they will be directed to this page to login to the admin page. If the username and password are correct, the page will create a php session value to recognize the user as admin.

3.)admin.php - This is the page admin will be directed to if they login successfully. Admin can create album, edit album or delete album in this page.

4.)adminCreate.php - When admin wants to create an album, the form in this page will collect the album information. All input will be processed by trim and filter_var function before store into database.

5.)adminEdit.php - Admin can edit any existing album in this page, including album's information, photo's information, delete selected or delete any comments on particular photo.

6.)adminComment.php - This page will show all comments on a particular photo, admin can delete any of them.

This is a responsive web page which can fit for both wide desktop broswer and small smartphone screen.