gsbakshi / todos-w-astra

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

Home Page:https://astra-todos.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

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:

About

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

https://astra-todos.netlify.app/


Languages

Language:JavaScript 66.9%Language:SCSS 24.6%Language:HTML 6.1%Language:CSS 2.4%