michaelgtfr / snowtricks

collaborative blog

SnowTricks

SnowTricks for my project six of my study on OpenClassrooms.

Context

Jimmy Sweat is an ambitious entrepreneur passionate about snowboarding. Its objective is the creation of a collaborative site to make this sport known to the general public and help in the learning of tricks. He wants to capitalize on content brought by Internet users in order to develop rich content and arouse the interest of site users. Subsequently, Jimmy wants to develop a business of connecting with the snowboard brands thanks to the traffic that the content will have generated. For this project, we will focus on the technical creation of the site for Jimmy.

You are responsible for developing the site that meets Jimmy's needs. You must therefore implement the following functionalities:

-a directory of snowboard figures. You can take inspiration from the list of figures on Wikipedia. Just integrate 10 figures, the rest will be entered by Internet users;
-figure management (creation, modification, consultation);
-a discussion space common to all the figures.

To implement these features, you must create the following pages:

-the home page where the list of figures will appear;
-the page for creating a new figure;
-the figure modification page;
-the presentation page of a figure (containing the common discussion space around a figure).

All the detailed specifications for the pages to be developed are available here: Detailed specifications....

Download libraries via composer

Go to the root folder of the site. In the root folder right click the mouse and then press git bash (or equivalent software). The Open software write " composer install ". The libraries will be installed automatically in a vendor folder.

Installation

Prerequisite

-Offer accommodation on a hosting
-Have a domain name that will be the address on which your site will be accessible
-Have its ID on its hosting (host, password, Identifying)
-Have installed an FTP on his computer

Site installation

(Example with FileZilla but all FTP works on the same principle)

Open your FTP software. Click on the logo "site manager". A window opens. Click on "New Site" and give it the name you want (example: "My Site"). To the right, you will have to indicate (the IP address, password and its username). Click Connect.
!Warning a message warns you after you click Connect you tell yourself if you are connecting or not.
After connecting, double-click in the left window on the files or click-Drop the folders in the right window that you want to send to the server. As soon as it appears in the right window, it was sent to your server.
!Please note that your home page should be call index.php This is the page that will be loaded when a new visitor arrives on your site.

Database installation

Required

-The IP address of the MySQL server
-Your MySQL Login
-Your MySQL password
-The name of the database, if it has already been created
-The PhpMyAdmin address that allows you to manage your online database

Access

Changed the parameter file of the database (.env.local.php). Now that it's done, your scripts have access to the host database. !If your table is still empty, you have to use the phpMyAdmin that the hosting puts at your disposal to recreate the tables. On your machine, go to your local phpMyAdmin. Use it to export all your tables. This will create a. sql file on your hard disk that will contain your tables. Then go to the phpMyAdmin address of your host. Once there, use the Import feature to import the. sql file that is on your hard disk. Your tables are now loaded on the host's MySQL server.

website configuration

The website configurations can be found in the .env file, there is no other page to modify.

Site installation Complete

snowtricks's Issues

Reset password

Features:
-Creation of the file allowing the update of the password. it will be displayed after clicking on the link sent in the user's mailbox. Once the password has been changed, the user will be redirected to the homepage.

Constraint:
-Creation of a php controler.
-Creating a html and twig view.
-Creating a form via Form.

Time: 2days

Article creation form

Features:

• Create an article creation form.

Constraint:

• Create the form via Form.

time: 1 day

Sends Email

at the call of the corresponding messaging class, the class retrieves the requested message and sends it by email to the written person

Features:

-send an email message.

Times: 1day

Confirmation account

The user clicks or copies and sticks in his browser the link to the confirmation to the account. The controller checks if the account exists and if it has not been confirmed yet. If it exists it confirms it and displays a confirmation message to the account. If he does not, he returns it on the registration page with a message asking to register. If it is already confirmed, it displays the login page and an annoying message that it can connect.

Features:

• Creation of a controller confirming the registration on the website.

Constraint:

• Attention to the different redirection.

Time: 2 days

installation of a CAPTCHA

Features:

-On the registration page, setting up a CAPTCHA, this will serve as security on the website

Time: 2days

Deleting images in an article

Feature:

-create a js and php code allowing the deletion in the file view modifyArticle.html.twig images.

time: 2 days

js file for js elements of ite web files

Feature:
File creation for each javascript element of the website files. This can be used in each file independently of the others. In addition it will be easier to update.

Constraints:

• Creation of files in the js folder.

Time: 1 week.

Delete an article

Feature:
-Creation of a php file allowing the deletion of an article.
-Creation of the code allowing a modal request to validate the choice of deletion.

time: 2days

Site registration form

Features:

• Create the registration form for the site.

Constraints:

• Create a form in a class of its own (via Form).

Time: 2 days

Reorganization of the html file

Feature:
File reorganization of the templates folder.

Constraint:

• Rearrange files by parts (similar function).

time: 1 day

UML diagramme

Feature:

Update the project's UML diagrams at the root of the project.

Constraint:

-Class diagram
-Sequence diagram

• Physical data model

time: 2days

Annotation

Constraint:

• creating different annotation in the code

time: 1 days

Changes to views and variables in article creation forms

Changes to views and variables in the article creation form to improve code reading.

Features:
Create a createArticle.js javascript file in the js folder that contains all the js / jquery code.
Improved variable and class names for more explanation of their functions.
Improved the view of the page.

Time: 2 days

registration processing

Features:

• Create the correct controllers at the registration service.

Constraints:

-Beware of security breaches.

Times: 2 days

modification of the probleme by Codacy

Feature:

-modification of the problems found by Codacy in the website files.

Time: 2days

issues n°3: Homepage first page of site:

Features:

• Creation of homepageController.php file , src/Controler/ folder.
• Creation of homePage.css file , public/css/ folder.
• Creation of .js file if necessary.

Contraints:

• Attention use of the model mvc.
• Follow the wireframes of the project and the customer's requests.

Times: 1week

Security

Features:

-Create the security breach protection code

issus n°1: Setting up the Symfony Framework and installing the various libraries.

Features:

• Setting up the Symfony Framework.
• Installing the various libraries.

Time: 3 days.

pagination of comments on the detail page of an article

Feature:

to create a pagination of comments on the detail page of an article

Constraint:

-view basic five comments.
-"more" button below to see more comments.

Time: 2 days

Edit the Readme.md file

Feature
Addition of Instructions to install the project in a domain, installation of the database.

time: 1day

issues n°2: Entity and Relation via Doctrine

Features:

-Creation of entities and relation via Doctrine (User, Item, Picture, Movie, Comment).

Contraints:

-Creation of entities via composer and marker.

Times: 2days

Forgot password: creation and processing of the form is display of it

Features:
creation of a php ile allowing the display of a form, it will verify that the user having forgotten his password receive an email with a link allowing him to change his password.

Constaint:
-create a php file retrieving the form in the form folder and send it to the view to display this form.

time: 2days

Deleting videos in an article

Features:

-Create a js and php code allowing the removal in the file view modifyArticle.html.twig videos.

Time: 2days

Improving the quality of html, css and twig code

Feature:
Improvement of writing in html.twig files (indentation, variable, Annotation, ....).

Time: 1 week.

issues n°4: Item detail page:

Features:

• Creation of DetailArticleController.php file, Controller/DetailArticle/ folder.
• Creation of detailArticle.html.twig file, templates/detailArticle/ folder.
• Creation of detailArticle.css file , public/css/detailArticle/ folder.
  -Creation .js file if necessary.

Contraints:

• Attention follow wireframes and customer's request.
• Attention to the MVC.

Times: 1week

Pagination of articles with ajax

Features:

-Pagination of articles with ajax in the homePage.html.twig file.

time: 1day

issus n°6: Login to a publisher account

Features:

• creation of the connection system

Constraints:

• Using "security" symfony documentation for creating the authentication environment.

Times: 2days

Carousel of the item detail page

Bug on the article page, the video does not display or scroll. Instead, it redisplays another photo. the worry comes from the appointment of thumbnails

Features:

Code in javascript to modify the name of the field concerning the thumbnails.

Constraints:
-By code js change the naming.

Time: 2days

Data processing of article creation

Features:

• Creation of the class allowing verification and registration in the Bdd.

Constraint:

• Watch out for security breaches.

Time: 2days

issues n°5: Formulaire of comment.

Features:

• Create a form to send comments

Contraints:

• Create via form (library symfony)

Time: 1day

custom error page

Features:

Display of a personalized error page if the user is trooped on the web address or if a page does not exist.

Constraint:

-creation of pages following the Synfony recommendation.

Time: 1day

Editing links in an article

Features:
creation of a code in js allowing the modification of the link of a link in the carousel of the modified article.

Edit images of an article

features:
-creation in js of the modification of the images of an article in the form of modification of the articles.