https://github.com/dsc712/todos-spa-ajax

A simple todo-list project using Node.js . Learned Creating our own restful api in node . CRUD functionalities are performed on my api itself using ajax requests .
https://github.com/dsc712/todos-spa-ajax

ajax express jquery mongodb-database mongoose nodejs

Last synced: 12 days ago
JSON representation

A simple todo-list project using Node.js . Learned Creating our own restful api in node . CRUD functionalities are performed on my api itself using ajax requests .

• Host: GitHub
• URL: https://github.com/dsc712/todos-spa-ajax
• Owner: dsc712
• Created: 2018-04-03T06:53:00.000Z (almost 7 years ago)
• Default Branch: master
• Last Pushed: 2018-04-04T05:06:19.000Z (almost 7 years ago)
• Last Synced: 2024-11-17T12:38:56.184Z (2 months ago)
• Topics: ajax, express, jquery, mongodb-database, mongoose, nodejs
• Language: JavaScript
• Homepage:
• Size: 1.84 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: Readme.md

Awesome Lists containing this project

README

        
# My first Single Page Application - Todo-list( with CRUD ability )

### created on AWS - c9 platform 

## Routes

> /  - ( root route displays the todo list as shown in the project screenshot)

> /api/todos - ( the given route shows data in mongodb database in json format)

> /api/todos/ - ( it handles get and post requests )

> /api/todos/:todo_id - ( it handles put , delete and get requests on a particular todo with the help of todo_id  )

# My project Stack

> Nodejs , express , mongodb -( backend )

> HTML , CSS , JAVASCRIPT , jQuery -( frontend ) 

# Single Page Applications

> In single page applications , the request is made to server and the server responds back with data( which is displayed ) , and all this

   stuff happens without refreshing the page .

   

# Project Screenshots

 > Note(for newbies) : if you are cloning this project then please make sure that you are running it in node environment .

 

 ![Project Screenshot](./project_screenshots/img1.png)

 

 ![Project Screenshot](./project_screenshots/img2.png)

 

 ![Project Screenshot](./project_screenshots/img3.png)

## Thanks for checking out this repository : )