This project is a Todo List application built with React and integrated with SuprSend for notification management. The application allows users to manage their tasks and receive notifications via the SuprSend inbox component.
- Todo List Management: Add, delete, and mark tasks as completed.
- SuprSend Integration: Displays a notification inbox for real-time notifications.
- Responsive Design: Optimized for both desktop and mobile views.
Follow these steps to get a local copy of the project up and running:
- Node.js: Make sure you have Node.js installed. Download it from nodejs.org.
- npm: Comes with Node.js. Use it to manage project dependencies.
- Clone the Repository:
git clone https://github.com/yourusername/todolist-app-react-js.git cd todolist-app-react-js
- Install Dependencies:
npm install
- Set Up Environment Variables:
Create a
.env
file in the root of the project and add your SuprSend credentials:REACT_APP_SUPRSEND_WORKSPACE_KEY=your_suprsend_workspace_key REACT_APP_SUPRSEND_SUBSCRIBER_ID=your_suprsend_subscriber_id REACT_APP_SUPRSEND_DISTINCT_ID=your_suprsend_distinct_id
Replace the placeholder values with your actual SuprSend credentials.
- Start the Development Server:
npm start
Open http://localhost:3000 in your browser to view the application.
To deploy the application:
- Deploy to Vercel:
- Connect your GitHub repository to Vercel.
- Set environment variables in the Vercel dashboard under the "Settings" tab of your project.
- Verify Deployment:
Check the Vercel deployment URL to ensure the application is live and functioning as expected.
- Todo List: Add, edit, and remove tasks from the list.
- Notification Inbox: Click the bell icon to view notifications from SuprSend.
- React: JavaScript library for building user interfaces.
- SuprSend: Notification management and inbox service.
- Vercel: Deployment and hosting platform.