Back to projects
Website PHP / MVC MySQL Bootstrap 4 2024

SerCuidado Website

Custom MVC platform designed to manage educational courses, blog publications, user accounts, and visitor contact.

Platform

Website / CMS

Role

Full Stack Developer

Architecture

MVC

Status

Completed / Active

SerCuidado Website Homepage

Overview

The SerCuidado website is a custom-built platform developed under the Model-View-Controller (MVC) architectural pattern. It was uniquely designed to manage educational courses, blog publications, user accounts, and direct contact with visitors without relying on a heavy commercial CMS.

Key Features & Modules

1. Landing Page (Home)

  • The main entry point of the website, presenting highlighted information and quick navigation to all other sections.

2. About Us

  • An informative section dedicated to presenting the mission, vision, and general details about the "SerCuidado" organization.
Courses and Educational Content

Educational module showcasing available courses and detailed program information.

3. Courses (Educational Module)

  • Allows visitors to browse the available course offerings. Includes specific details for each course, facilitating user access to training and capacity-building programs.

4. Blog (Publications & News)

  • An article and publication management system organized by categories. Enables the platform to keep users informed with relevant news, articles of interest, and updates.

5. User Accounts & Authentication

  • Module for user management. Allows users to register securely, log in, and manage their personal profiles. Includes secure session handling.

6. Contact

  • A dedicated section featuring a contact form designed for visitors to send messages, inquiries, or questions directly to site administration.
Blog and Article Management

Custom blog system and categorized article layouts.

Technology Stack

The project was developed using a traditional and robust technology stack, focusing on performance, lightweight delivery, and deep customization through an in-house MVC structure.

Backend

  • PHP: The primary server-side programming language. The project does not use a complex commercial framework (like Laravel or Symfony), but rather implements its own lightweight Model-View-Controller (MVC) structure tailored strictly to specific needs.

Database

  • MySQL / MariaDB: Relational database management system. The database connection is handled natively via PHP's `mysqli` extension.

Frontend

  • HTML5 & CSS3: Structuring and base UI design. Custom stylesheets are used modularly for each view (`about.css`, `blog.css`, `course.css`).
  • JavaScript: Employed for client-side interactivity.
  • Bootstrap 4: CSS framework utilized to ensure a responsive, mobile-first design and consistent UI components across the platform.

Interested in learning more about this project? Get in touch with me to discuss custom web development.

Ready to start?

Got a similar project?

I'm available for new projects. Tell me about what you're building and let's see if we're a good fit.

Start a project →