/Medication-Reminder-Django-React

A medication management system that utilizes Django framework and ReactJS to build the backend and frontend components of the web application

Primary LanguageCSS

Django-React-Medication-Reminder

Screenshot1

Registration and login

1.mp4

Creating Reminders

2.mp4

Updating Reminders

3.mp4

Deleting Reminders

4.mp4

Each user has his/her own reminders

5.mp4

Instructions for Running the Application

  1. clone the repository
  2. (optional but preferable) create a virtual environment
  3. install python dependencies in the requirements.txt file using pip
  4. open a new terminal and make sure that you are in the directory of the cloned repository
  5. run the backend application using the following command:

python manage.py runserver

  1. make sure that node.js is installed on your operating system
  2. open a new terminal instance and navigate your way to the directory ./react-js where react application resides
  3. install node dependencies by using the following command:

npm install

  1. run the frontend application using the following command:

npm start

Technology

  • Python 3.11, WSGI, Werkzeug, Django 4.2.4
  • HTML, CSS
  • ReactJS, JavaScript, TypeScript 5.3.3 (ideally >=3.3.1 and <5.2.0), Zod, React Hook Form
  • HTTP, REST API, JSON, JWT
  • SQLite