GithubHelp home page GithubHelp logo

full-stack-review's Introduction

full-stack-review

fullstack-workshop

#Exercise-1
Build out the file structure for your fullstack app and install of the the dependencies that you think you will need.

#Exercise-2
After you have built out the stucture of your app, build out your server file. Build out the the routes and controllers for GET, POST, and DELETE requests. Use Postman to make sure your routes are working.

#Exercise-3
In your database folder, create a folder called mongoose and establish a connection to your mongo database using mongoose. Export the connection to the your models.js folder and create the schema that you will want to use to store your todolist data.

#Exercise-4
Use Postman to build out your controller functionality.

#Exercise-5
In your client, create a component called App and render it the DOM.

#Exercise-6
Build out a class component called List. Inside of the component, build out functionality that will allow the user to enter a todo in an input field and send a request to your server where that data will be saved.

#Exercise-7
Inside of your List component, build out functionality that will make a get request to your database and fetch all of the todos from the list. Save those todos to an array on the client side.

#Exercise-8
Create a functional component called ListEntry and have it list out the todos stored in the array. Build functionality that will allow the user to delete the todo by clicking on a button.

full-stack-review's People

Contributors

kyijulie avatar

Watchers

James Cloos avatar

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.