/todos-w-astra

A Todo Application in React with DataStax Astra free tier database.

Primary LanguageJavaScript

Todos with Astra

Netlify Status

image

A Todo Application in React with DataStax Astra free tier database.

image

Table of contents

  1. Objectives
  2. Features
  3. Issues

🎯 ## Objectives

  • Create a "from scratch" React app using NPX
  • Learn about React components and how they are used to dynamically update the DOM with new information
  • Learn how hooks are used
  • Learn how to use Swagger to interact with the database using a REST API
  • Leverage Netlify and DataStax Astra DB

🏠 Back to Table of Contents

💎 Features

  • Create a new Todo
  • Complete a Todo
  • Delete a Todo
  • Toggle all Todos as completed
  • Sort Todos by All, Active and Completed filters
  • Delete all Todos marked as completed

image

image

image

image

🏠 Back to Table of Contents

⚠️ Issues

  • Currently there's an issue with .env variables in the production app deployed on Netlify, so the deployed link isn't working yet
  • Double click a Todo to edit feature isn't enabled yet, but will be fixed soon.

🏠 Back to Table of Contents

Things to Note: