Web Development

Flower Garden Project

  • Favourite
Average Star Rating is 4 from the Total 8 Ratings

This is a project on building a dynamic website, using all five languages. HTML5, CSS3, JavaScript (for client-side development) and for back-end development, I will be using popular PHP (server-side scripting ) & MySQL (as database).

Here is a screenshot of the site:



During the process, I will also be using the popular CSS library Bootstrap v4. I will also be using font awesome (for Icon), jQuery (a popular JavaScript library)

The site will be developed version by version, with a small increment of the new feature. In this video, I will walk you through the front-end and user experience side.

In the next series of videos, I will delve more into the back-end side including PHP and MySQL.

With the tutorial, I will also add the code that you can download and test on your computer.

The prerequisite of this tutorial is: It will be good if know the basic of programming, (if you keep watching, you can learn it) also if you know how to set up a XAMPP -a free and open-source cross-platform web server solution stack package. This is also free to download at XAMPP

I will be using a code editor namely Visual Studio Code (It is free and you can download it from Visual Studio Code).

In-terms of user-experience, you can also see the video of making of it, at: YouTube Channel Opeldo


Later in the stages, I will explain the back-end side and coding part.

The project can be seen live at: Flower Garden Project

I hope you will like it. Please feel free to leave any comments or if you have any questions or request for any tutorial.


Be the first to make a comment!