https://github.com/mrgeymeurt/mvc_personal_blog
A student project to build a blog using the MVC architecture, featuring HTML, CSS, Bootstrap, PHP, MySQL, and jQuery for a functional, responsive web application.
https://github.com/mrgeymeurt/mvc_personal_blog
backend blog bootstrap css frontend html jquery mvc mysql php phpmyadmin responsive-design student-project wamp
Last synced: 3 months ago
JSON representation
A student project to build a blog using the MVC architecture, featuring HTML, CSS, Bootstrap, PHP, MySQL, and jQuery for a functional, responsive web application.
- Host: GitHub
- URL: https://github.com/mrgeymeurt/mvc_personal_blog
- Owner: MrGeyMeurt
- License: mit
- Created: 2024-11-03T16:21:39.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-05T19:03:43.000Z (over 1 year ago)
- Last Synced: 2025-02-14T07:46:34.594Z (over 1 year ago)
- Topics: backend, blog, bootstrap, css, frontend, html, jquery, mvc, mysql, php, phpmyadmin, responsive-design, student-project, wamp
- Language: PHP
- Homepage:
- Size: 950 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# MVC Blog Project
## Description
This project is a student exercise to build a blog using the MVC (Model-View-Controller) architecture. The blog is designed as a simple, functional web application that demonstrates the MVC pattern. The project is hosted locally.
## Project Status
- **Current State**: Functional, with potential for further development.
- **Planned Updates**: No scheduled updates, but enhancements could include user authentication, a commenting system, and admin panel improvements.
## Update
- **27/07/2022**: 1.0 Release
- **29/07/2024**: Fixed errors leading to a blank screen and changed the database name.
- **01/11/2024**: Rework of the ``README.md`` and adding a ``LICENSE.md``
## Features
- **Responsive Design**: Utilized Bootstrap 5 for responsiveness across devices.
- **MVC Architecture**: Organized code into Models, Views, and Controllers.
- **Basic Blog Functionality**: Users can read blog posts, and administrators can manage posts via the backoffice.
## Technologies Used
- **Frontend**: HTML, CSS, Bootstrap 5, jQuery 3.6.0
- **Backend**: PHP
- **Database**: MySQL (managed via phpMyAdmin 5.0.2)
- **Local Server**: WAMP Server
## Installation
1. **Download or clone the repository**
2. **Setup Database**
- Open **phpMyAdmin** and create a new database (e.g., ``mvc_blog``).
- Import the SQL file found at ``MVC/bdd/monsite.sql`` to set up tables and data.
3. **Update Database Connection**
- In ``MVC/controllers/Login.php``, make sure the database settings match yours:
- **Host**: ``localhost``
- **Database Name**: ``mvc_blog``
- **User**: ``root``
- **Password**: (leave blank unless specified)
4. **Start the Server**
- Run **WAMP** (or any local server that supports PHP/MySQL).
- Open ``http://localhost/project-folder/`` in your browser to view the site.
## Project Structure
``/media``: Root directory for images used on the site
``/icon``: Illustrations used throughout the site
``/articles``: Views of the articles
``/backoffice``: Complete backoffice for managing content
``/images``: View for the carousel
``/layout``: Homepage layout
``/main``: Page selection display
## Backoffice
- To access the backoffice, click on the copyright symbol © in the footer.
- **Portal Credentials**:
- **Username**: admin
- **Password**: password
> [!TIP]
> If you hover over the 'Se connecter' button, a tooltip appears displaying the password.
> [!NOTE]
> If an image is added without specifying a path, the default path will be ``/media``.
## Acknowledgments
Thanks to the collaborators and everyone who supported this student project.
- Laure.M - Technical Assistance
Thanks to [unDraw](https://undraw.co/illustrations) for providing free illustrations used in this project.