To-Do App made with Deno, React.js & MongoDB

To-Do App made with Deno, React.js & MongoDB

Deno / React / MongoDB TODO app Simple TODO, fetch, add, update and delete items.

Deno / React / MongoDB TODO app

Simple TODO, fetch, add, update and delete items.

Built With

  • Deno - JavaScript/TypeScript runtime
  • Oak - Middleware framework kinda like Express
  • React.js - Frontend framework
  • MongoDB - Database

DEMO

Installation

Make sure to have Git, Node.js 10.0.0 (or higher) and Deno 1.5.0 (or higher) installed.

  1. Clone it or fork it.

  2. Once you have your local copy, install the frontend dependencies using either Yarn:

cd frontend-app && yarn

or npm:

cd frontend-app && npm install

or the best:

cd frontend-app && pnpm install
  1. For the backend create an .env file under /deno with the following properties according to your MongoDB configuration:
DB_USER=*
DB_NAME=*
DB_PASS=*

Running

After installed, you can start the frontend by running it with Yarn:

cd frontend-app && yarn start

or npm:

cd frontend-app && npm run start

or pnpm:

cd frontend-app && pnpm start

And the backend with Deno:

cd deno && deno run --unstable --allow-net --allow-env --allow-read --allow-write --allow-plugin app.ts

Meta

Gustavo Máximo – gmaximo.dev

Download Details:

Author: GoldenMaximo

Source Code: https://github.com/GoldenMaximo/Deno-To-Do

deno node react mongodb

Bootstrap 5 Complete Course with Examples

Bootstrap 5 Tutorial - Bootstrap 5 Crash Course for Beginners

Nest.JS Tutorial for Beginners

Hello Vue 3: A First Look at Vue 3 and the Composition API

Building a simple Applications with Vue 3

Deno Crash Course: Explore Deno and Create a full REST API with Deno

How to Build a Real-time Chat App with Deno and WebSockets

Convert HTML to Markdown Online

HTML entity encoder decoder Online

How native is React Native? | React Native vs Native App Development

Article covers: How native is react native?, React Native vs (Ionic, Cordova), Similarities and difference between React Native and Native App Development.

Deno React | Tutorial React Deno Application

You can combine Deno and React applications. We Create React App and build it, and supply it via Deno using abc. There are other ways to serve a React application via Deno, however, this is just a single method. Using this method lets you combine your Deno application with React while also building out an API, serving json data, tec.

React.js + Node.js Express + MongoDB example: MERN stack CRUD App

This is instruction and demo for MERN stack (React.js + Node.js + Express + MongoDB) CRUD Application example. The back-end server uses Node.js + Express for REST APIs, front-end side is a React client with React Router, Axios & Bootstrap.

MERN STACK & Typescript (Mongodb, Express, React, Node con Typescript)

Bienvenidos al video Práctico del Stack MERN (Mongodb, Express, React y Node). En el ejemplo del día de hoy aprenderemos a crear una aplicación Web conformada tanto por un backend y Frontend todo enteramente escrito en Typescript.

Build a TIK TOK Clone with MERN Stack (MongoDB, Express, React, Node JS)

Sonny and David will build a Tik-Tok Clone with MERN Stack (MongoDB, Express, React, Node JS) and deploy it on Firebase & Heroku! 🚀🔥