Mini Pill Pal is a one-page desktop application built with React.js, TypeScript, and Tailwind CSS. It helps users keep track of their medications by providing reminders, medication details, refill tracking, and profile management. The application utilizes the FDA Drug Label API to fetch accurate and up-to-date drug information, including names, strengths, dosage forms, and more.
The application is deployed on Azure and can be accessed using the following link: Live Demo Coming Soon
Please note that the application is currently in production and may undergo changes and updates.
- Profile section with the option to upload a profile picture
- Medication form for entering medication details, including name, strength, and directions
- Alerts and reminders for upcoming medication schedules
- Refill tracker to manage pill count and track when refills are needed
- Login functionality to securely store user information and associate it with their session/local storage
- React.js
- TypeScript
- Local Storage
- Session Storage
- Tailwind CSS
- Headless UI (https://headlessui.com/)
- FDA Drug Label API
To run this project, follow these steps:
- Clone the repository to your local machine.
- Install dependencies by running
npm install
in the project directory. - Start the development server by running
npm start
. - Open
http://localhost:3000
in your web browser to view the site.
The FDA Drug Label API provides access to drug label information, including names, strengths, dosage forms, and more. To use this API in the Medication Reminder App, you can visit the FDA Drug Label API Documentation to learn more about the API and its capabilities.
For more details on using the FDA Drug Label API, refer to the FDA Drug Label API Documentation.
This project, Mini Pill Pal, is a personal and educational endeavor. It utilizes the FDA Drug Label API to fetch drug information, but the app itself is not affiliated with or endorsed by the FDA. This project is purely for the purpose of practicing and developing my skills in front-end development, with a focus on React.js and TypeScript. It is also an exercise in learning to integrate and use third-party APIs. All medication information is provided by the FDA Drug Label API, and this application claims no ownership or responsibility for this data.
As this is a personal project to develop my skills, there are no plans for commercial use.
If you have any questions or would like to know more about my project, feel free to reach out to me.
- Email: brandonctle.dev@gmail.com
- LinkedIn: https://www.linkedin.com/in/brandonctle
- Portfolio: https://brandonle.azurewebsites.net
Thank you for your interest in Mini Pill Pal!