This is my first web project from wethinkcode that I did individually. I went about the procedural way rather than the object oriented way of programming. To develop this I had to use html, php, mysql, javascript and Apache XAMPP/MAMP. The task was to develop a webapp that will allow users to sign up, login, post pictures online to show off to the rest of the world and they can be able to comment, like and get notified if their picture was commented on their pictures. I had to make users have an option to update the profile, change their email, username or password.
- A MySQL instance, eg. Xampp or Mamp
- PHP (pre-installed with Xampp or Mamp)
- HTML
- CSS
- JavaScript
- For editing ONLY: a text editor, eg. VS Code
- A index.php file, containing the entering point of the site and located at the root of the file hierarchy.
- A config/setup.php file, capable of creating or re-creating the database schema, by using the info contained in the file config/database.php.
- A config/database.php file, containing the database configuration, that will be instanced via PDO in the following format:
DSN (Data Source Name) contains required information needed to connect to the database, for instance mysql:dbname=testdb;host=127.0.0.1. Generally, a DSN is composed of the PDO driver name, followed by a specific syntax for that driver. For more details take a look at the PDO doc of each driver1.
WeThinkCode_'s marking sheet can be found here
- Preliminary checks, used PHP, no external frameworks (aside from css), config files in the correct location. Used PDOs
- Webserver starts
- Create an account
- Log in
- Capture a picture with the webcam
- Add sticker
- Visit gallery
- Change user credentials
- Upload a picture
- Backend code written in PHP
- No frameworks used (aside from css)
- database.php + setup.php in the config folder
- Used PDOs
- Web server starts on localhost
- Able to register
- Able to log in
- Able to capture photos
- Able to visit gallery
- Able to change credentials