Giter Site home page Giter Site logo

fernandonunez-dev / nodejs-express-todo-app Goto Github PK

View Code? Open in Web Editor NEW
0.0 2.0 1.0 161 KB

Node/Express Todo App That Utilizes EJS Library in The Frontend. Live Demo ===>

Home Page: https://fast-brushlands-03705.herokuapp.com/

License: MIT License

CSS 43.46% HTML 32.71% JavaScript 23.83%
nodejs express ejs-templates express-server express-todo-app node-express ejs-express

nodejs-express-todo-app's Introduction

Nodejs-Express-Todo-App

With This Application

I utilized nodejs templating engine EJS to create a Todo App. I also utilized node's Express framework on the backend. EJS or Embedded Javascript Templating is a templating engine used by Nodejs. Template engine helps to create an HTML template with minimal code. Also, it can inject data into HTML template at the client side and produce the final HTML. EJS is a simple templating language which is used to generate HTML markup with plain JavaScript. It also helps to embed JavaScript to HTML pages


I Incorporated Express

Now, the first thing I needed to do is to set EJS as the templating engine with Express which is a Node.js web application server framework, which is specifically designed for building single-page, multi-page, and hybrid web applications. It has become the standard server framework for node.js.

Here's A Brief Look @ The Application(Gif of node-express-todo-app).

node-express-todo-app.gif

EJS is a simple templating language 

that lets you generate HTML markup 

with plain JavaScript. 

Click This Link for live demo of the project. https://fast-brushlands-03705.herokuapp.com/


Features

-[Nodejs]

-[Express]

-[EJS]

-[Server Side Todos]


Recommended Tools

The following tools are recommended for a EJS Template project. Also you will find included below some links for building some complex UI animations.

  • EJS A Node Templating Library.
  • Express, Express is a minimal and flexible Node.js web application framework that provides HTTP utility methods and middleware at your disposal, creating a robust API is quick and easy.
  • CSS-Tricks, For building complex UI animations in your web applications.
  • Nodejs Nodejs is a platform built on Chrome's JavaScript runtime for easily building fast and scalable network applications. Nodejs uses an event-driven, non-blocking I/O model that makes it lightweight and efficient, perfect for data-intensive real-time applications that run across distributed devices.

Installation

git clone https://github.com/FernandoNunez-Dev/Nodejs-Express-Todo-App
cd Nodejs-Express-Todo-App
npm install

visit http://localhost:3000/

nodejs-express-todo-app's People

Contributors

fernandonunez-dev avatar

Watchers

 avatar  avatar

Forkers

kirtxn

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.