Personal Arabic Blog

Table of Contents

• Goal
• Benefits
• Installation
• Credentials
• Technologies
• Contact
• Copyright and license

Goal

This is personal blog website. I coded this project to practice on my knowledge of HTML, CSS, JavaScript, jQuery, Bootstrap, PHP, and MySQL in a real project.

For Front-End design only (HTML - CSS - JavaScript), navigate the Front-End directory in the source code.

Benefits

Here are some ideas to benefit from this project:

• Take this project as a task and try to make it, and if you could not do a specific section, see how I make it in the source code (use comments to reach this section).
• Extract a code of a specific section and use it in your project.
• Review source code to see how other people code their projects.
• Edit on this project after studying its code well, to know how to work in pair-programming with other people
• Upgrade this project, and add your own sections or pages

Installation

Here are the guidelines to run this project on your localhost:

1. Download, then install XAMPP web server
2. Download this project, then rename its directory to personal-blog
3. Copy the personal-blog directory to the htdocs directory which exists in XAMPP installation path
4. Start XAMPP control panel from your Desktop, then start Apache web server, and MySQL server
5. Open your browser, and type http://localhost/phpmyadmin, to open PHPMyAdmin home page
6. Create a new database with the name s_personal_blog
7. Import the s_personal_blog.sql file to this database (This file located in sql directory)
8. Open your browser, and type http://localhost/personal-blog, to open the home page of the website
9. Navigate to http://localhost/personal-blog/dashboard, to open admin dashboard of the website

You must make a virtual host like personal-blog.local for this project, otherwise you will encounter non-accurate routes. If you don't know how to make virtual hosts in XAMPP, follow these instructions for Windows, or Linux.

Don't forget to edit the /dashboard/include/connection.php file with your Database credentials

Credentials

If you navigate to http://localhost/personal-blog/dashboard, you will be asked for username, and password. Use the credentials below:

• Username: admin
• Password: admin

You can change these credentials from the dashboard

Technologies

• HTML
• CSS
• JavaScript
• jQuery
• Bootstrap
• PHP
• MySQL

This project is fully responsive

Contact

Copyright and license

---

If you find my work good, consider giving it a ⭐ or fork-ing to show some ❤️. It helps me stay on track and be motivated.

Explore all of my projects from Here