Skip to content

Web application written int PHP and JavaScript with a little help of MongoDB

Notifications You must be signed in to change notification settings

bartekw2213/hobby_website

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

40 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Short Introduction 🔑

hobby_website 🎨 is a project written for my Creating Web Applications classes. It's written in PHP and JavaScript. As my database 💾 I used MongoDB. I applied Model-View-Controler design pattern for this project.

Link to website: http://46.101.216.200/ 🔌


Project Structure 🌳

Project Structure

All directories explained:

  • 💸 business - all business logic regarding working with users and images collection inside database
  • 🕹️ controllers - as the name suggests, it's directory with controllers, each regarding another app section (images, controlers, and handling views)
  • 🌅 views - just views 😄
  • 🕸️ web - root directory of apache, contains:
    • front_controller that uses dispatcher.php and routing.php to handle every request
    • .htaccess to redirect everything to front_controller.php
    • some static JS, CSS files and images

What I want you to pay attention to? 👀

Register / Login sections 👤

You can create your own account and log to it. It allows you to upload photos under your user name, handle photos privacy, add photos to shopping cart and more!

Register Section

Gallery section 🌇

You can look on photos uploaded by users or unlogged visitors. Also you can see here photos uploaded by yourself.

If you are logged, all photos that you upload have lock on it - by clicking it, you can change if photo should be private or not

Gallery Screenshot

Photo Upload section 📩

You can upload photos - remember that they need to not be jpg or png and do not exceed size limit - otherwise the corresponding alert box will be shown on the screen. But hey! You can add any watermark on it that you want - after clicking on photo in gallery it will has specified watermark.

Photo Upload Section

Photos cart 🛒

You can add photos to cart - it suppose to simulate typical cart in on-line shop.

Cart Screenshot

Notebook 📓

On some web pages you can use the notebook that's at the end of the page - write everything that will come to your mind, it will stick there until you leave browser (sessionStorage was used here)

Notebook Screenshot

Backpack section 🛅

You can pack your backpack with backpack page (localStorage was used here)!

Backpack section screenshot

About

Web application written int PHP and JavaScript with a little help of MongoDB

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published