Demo : https://catalin99.000webhostapp.com/bachelper/
This website aims to offer an intuitive and easy way for students to prepare for the baccalaureat.
It also provide an editor to let anyone to contibute to the creation process of the lessons and chapters of a topic.
I created this project before starting my univeristy studies. It was a real challenge to make a website without having any prior knowledge.
So I made this pretty simple, without frameworks or fancy stuff, only jQuery and bootstrap on the frontend and PHP + MySQL on the backend.
This was the heaviest part of this project.
Under the hood, the website lessons are dynamically generated pages based on the information received from the autors in the edit mode. Every lesson has its own chapters filled with five type of elements.
- Text area
- Text frame
- Text card
- Function plots
- Images
Check the lesson "How to write your own lesson" to understand their functionalities.
-
Install XAMPP on your machine
-
Clone this repository to
PATH/htdocs
where PATH = your XAMPP installation folder. -
Open
localhost/phpmyadmin
on your browser, create a new database entry with a given name (let assume that is named DB_NAME) and then importbachelper.sql
from the repository. -
Go to your folder in the
PATH/htdocs
and change the filemysql.php
from theincludes
directory. Change these line according to your credentials:
public static $MYSQL_HOST = "localhost";
public static $MYSQL_USER = "root";
public static $MYSQL_PASSWORD = "";
public static $MYSQL_DB = "bachelper";
-
Start XXAMP Control Panel and Start
Apache
andMySQL
. -
Open
localhost/YOUR_FOLDER_NAME/index.php
whereYOUR_FOLDER_NAME
is the folder name in thehtdocs
-
Everything should be good after these steps. If you haven't managed to install corectly, search on google
how to locally host a website using XAMPP
.