The app was developed using Vue.js for the frontend, Node.js with Express for the backend, and MongoDB for data storage. Pinia was used for state management, ensuring smooth data flow across the application. The entire project was built in Bosnian, as it was specifically created for a therapist in Bosnia.
This application provides a practical tool for parents, caregivers, educators, and therapists to monitor and understand a child’s growth and developmental milestones over time. It is designed for medical use, such as helping therapists supervise child development.
Key Features:
User Authentication:
The application supports user sign-up and login functionalities, allowing users to securely create accounts and track developmental data over time.Structured Development Tracking:
Users can track and document the physical, emotional, intellectual, and social development of children with each milestone split into six-month periods, making it easy to monitor progress.Responsive Design:
The app is designed to be fully responsive, ensuring that it works smoothly on both mobile and desktop devices. The interface adjusts to various screen sizes for a seamless user experience.Data Management:
The app allows users to input and view structured data for each child, including milestones for each six-month developmental period, with data organized in an easily digestible format.Multilingual Support:
The application is built in Bosnian, specifically created for a professor in Bosnia, ensuring its accessibility and usability for native speakers.
Technologies Used:
Vue.js:
The core framework for the frontend, enabling the development of a reactive, component-based application with an intuitive user interface.Node.js:
Used for the backend to handle server-side logic and manage API requests, ensuring smooth data retrieval and manipulation.Express.js:
A lightweight framework that runs on top of Node.js, providing essential routing and middleware for API calls.MongoDB:
The database used to store structured data on child development, allowing for flexible and scalable data storage.Pinia:
Used for state management, ensuring smooth data flow and state consistency across the application.
Project Structure:
src/:
Main source folder containing all project files.assets/:
Stores images and static assets relevant to child development milestones and educational materials.components/:
Reusable Vue components for user authentication, data input forms, and milestone displays.layouts/:
Defines main page layouts such as the home page, data entry forms, and child milestone tracking pages.pages/:
Contains full-page components like “Track Development,” “User Profile,” and “Login/Register.”store/:
Manages the app’s state with Pinia, handling the user’s session data and tracked milestones.public/:
Contains static files like the index.html and other assets to be served to the frontend.server/:
Backend logic and Express routes to handle user authentication, data input, and milestone tracking.