Project Trombinouc

During the first year semester 2 of my studies at IUT Nice Sophia Antipolis, we have to do a project about dynamic web which we need to create a social media ( a sort of Facebook) by using programming skills on HTML, CSS and PHP. It is a project done by two people in a group thus I collaborate with my french colleague, Matthew and it was a project with a duration of ten weeks. To meet the requirements of this project, our Trombinouc must be able to create your own account, login to your own Trombinouc, show your personal information on your wall, publish a post (only with words), write a comment, add more friends by sending friend requests, block their accessibility, notifications send an email and publish photos in your gallery. Don't worry, I will show all these functions below with explanations and display our results of Trombinouc directly. Here is the link to go to our site directly: http://isis.unice.fr/~tk016168/acces/M2105/Projet/authentification.php

First and foremost, you need to create your account by filling this form with a password of minimum 8 characters. Besides, if you are using a same email address as a user existed, it will want you to change to another email address. Once a new account is created, a new folder with id of user will be created in the folder of gallery in our server in order to save all your photos uploaded afterwards.

Next, with your existing account created, log in to your Trombinouc by using your email address and password. This two information are necessary to be filled in.

Now you are successfully logged in! You can see your home page with your information( name, email address, date of birth,bio) and also your profile picture on the left part of home page. For a new user there will be a profile picture by default which is a smiley face :) Besides, it will show the date and time for your last logged in. There are 5 sections in your Trombinouc - Home, Profile, Friends, Email and Gallery. The menu is on the upper side of website and there is also a search bar to go to your friend's page and a disconnect button to log out your Trombinouc.

The main function of this home page is to publish your post and also write some comments to these posts. Once you have posted your publications or comments, it will show its timestamp, the user who did the action with his name and profile picture. Only your friends who are not blocked are allowed to post on your wall and write their comments. To delete the posts and comments, only the user are allowed to delete them which is on their wall. Other users are not allowed to take this action.'

All notifications will be displayed on your homepage, for instance, a user send you a friend request and your can choose to accept or refuse or a notification to remind you your friend's birthday and you can send him/her an email to wish the person.

If you click yes to wish your friend, it will direct you to the page of email with all the information filled up automatically. Your email will be sent directly to your friend's mailbox.

To modify your personal information, you could simply click on the profile menu to go to this section. Here you are able to change your name, email address, password with minimum of 8 characters, date of birth etc...

You could also upload your photo to change your profile picture. Yet, there are some restrictions such as there is limitation of image size, no repeated image, only allow image extension of png, jpg and jpeg. Or else, there will be an error when you upload photos which don't fulfill its conditions.

In the page of Friends, you can see your friend list on the left part with their name and profile picture. There is also a block/unblock button to control their accessibility to your wall. There is also a list of friend suggestion to show all the users who are nit your friends. Clicking on the button "Add" will send them a fried request. In addition, on the right part, you could add a friend by entering their name too. A friend request will then sent out. In the same way, you can also delete a friend whom you have.

Here is the page to send an email to your friend by simply entering the recipient's email address, subject and also your message.

A gallery to save all your photos that you want to upload and display all of them in the form of carousel slide.

Use the search bar to go to the wall of your friend and write some posts or comments for him/her! But, you are not allowed to delete any post or comments of your friend!

In conclusion, it was really an interesting project as it uses a lot of PHP skills and sometimes we need to crack our head to figure out the suitable code to be able to run certain functions. It is also challenging as a tiny error can cause the break down of the whole website. Hence, we need to be really careful and attentive. However, I find it very satisfying when I run the code successfully, it gives me more motivation to complete my job.