Drinking Water Reminder App

This is a subscription-based Drinking Water Reminder blog post built using Node.js, React.js, and the Vonage Messages API.

Project Structure

The project is structured into two main directories:

• backend: This directory contains the Node.js server-side code for the application.
• frontend: This directory contains the React.js client-side code for the application.

Setup and Installation

Prerequisites

• Node.js (version 14 or above)
• npm (installed with Node.js)
• A Vonage API account

Backend

1. Navigate to the backend directory.
2. Install the dependencies with the following command: npm install.
3. Run the server with the following command: node app.js.

Frontend

1. Navigate to the frontend directory.
2. Install the dependencies with the following command: npm install.
3. Start the React app with the following command: npm start.

Usage

Once both the frontend and backend servers are running, open your web browser and navigate to http://localhost:3000. You will see the Drinking Water Reminder application.

To sign up for reminders, enter your phone number and the frequency at which you want to receive reminders, then click the "Sign Up" button.