/Camagru

Project 42 : :camera: Web application allow to users make a basic photo or video taken by a webcam and mixed with some predefined images.

Primary LanguagePHP

Camagru 📷

Web application allow to the user make a basic photo or video taken by the webcam and mixed by some predefined images.


Image of editing pictures

💲 New notions to discover

🎯 Responsice design
🎯 DOM manipulation
🎯 SQL debugging
🎯 Cross site request forgery
🎯 Cross origin resources sharing

✏️ Objectives

💭 Ability to take a picture by a webcam.
💭 Allow to the user mix the picture taken from the webcam with another image.

📂 Features

👪 User features

✅ The application allow to the user register by asking at least a valid email, username and a password.
✅ The user can activate his account via a unique link sent to his email.
✅ The user will be able then to connect to the application using his username and password, he can also send a password reinitialisation mail, if he forget his password.
✅ The user can modify his informations.

📷 Editing features

✔️ Editing page is only for users that are connected.
✔️ The button allowing to take a picture will be inactive as long as no superposable image has been selected.
✔️ Because not everyone has a webcam, the application allow to the user upload an image instead of capturing it with webcam.

🖼️ Gallery features

☑️ All images edited by all users will be public ordered by date of creation.
☑️ When an image receives a new comment, the author of image will be notified by email. This preference
is set as true by default but it can desactivated in user preferences.

💯 Technologies used

💫 Apache
💢 MySQL
✨ PHP
👽 HTML5/CSS3
👀 Bootstrap
🔥 Javacript

How the project will be stuctured ?

The project will stuctured with MVC design pattern (concept), it separates application logic, interfaces, etc.

So How MVC works ?

Image of MVC structure 1

Image of MVC structure 2

📷 Screen shots

🚩 Home

Image of camagru home

🚩 Sign up

Image of camagru sign up

🚩 Sign in

Image of camagru sign in

🚩 Reset password

Image of camagru reset password

🚩 Account confirmation

Image of camagru account confirmation

🚩 Editing

Image of camagru editing

🚩 Gallery

Image of gallery


🚩 Profile

Image of camagru profile

🚩 Settings

Image of camagru settings

🚩 Change password

Image of camagru change password

🚩 Notification preference

Image of camagru Notification preference