Concept Map Creation Tool

Description

The Concept Map Creation Tool is designed to help users create customizable concept maps on any topic, facilitating easier understanding and presentation of information. This tool aims to enhance the learning experience for students by visually organizing concepts and their interconnections.

Technologies Used

• Front-end: React
• Back-end: Flask
• Database: MySQL

Getting Started

Follow these instructions to get a copy of the project up and running on your local machine for development and testing purposes.

Prerequisites

You will need the following tools installed on your system:

• Node.js and npm (Node Package Manager)
• Python 3 and pip (Python's package installer)
• MySQL Server

# Install Node.js and npm
npm install npm@latest -g

# Install Python and pip
python -m pip install --upgrade pip

Installing

Follow these step-by-step instructions to set up your development environment:

1. Clone the repository

   git clone https://github.com/yourusername/Concept-Maps-project.git
   cd Concept-Maps-project

2. Install Python Dependencies

   Before running the application, you'll need to install the necessary Python libraries:

   pip install -r requirements.txt

3. Set up the Backend (Flask)

   Start the backend server:

   python ConceptMapsProjectBackend.py

4. Set up the Database

   Ensure your MySQL server is running. Use the provided SQL script to create the necessary tables for the Concept Map Creation Tool:

   1. Log in to your MySQL server: You can use a MySQL client or command line interface.

      mysql -u root -p

   2. Create the database (if not already created):

      CREATE DATABASE concept_maps;
      USE concept_maps;

   3. Create the objects table:

      CREATE TABLE objects (
          id INT AUTO_INCREMENT PRIMARY KEY,
          parent_id INT,
          title VARCHAR(255) NOT NULL,
          area VARCHAR(255) NOT NULL,
          related_concepts TEXT
      );

5. Set up the Frontend (React)

   Navigate to the frontend directory and install the required npm packages.

   cd frontend
   npm install
   npm start

   This should open the application on localhost:3000.