Giter VIP home page Giter VIP logo

taiwan-spots's Introduction

TaiwanSpots (Web App Practice)

A website lets user share the information of Taiwan's local spots. A practice of Node.js and Express.

Log of Different Versions

  • v1: Basic function of adding post

    • Store data in array (not persistent)
  • v2: Store data in MongoDB (persistent)

    • Store data in MongoDB with mongoose
    • Add show route (show detail page)
  • v3: Add the function of showing comment

    • It can show comment but not yet add comment
    • Refactor database schemas (post and comment) to separate files
    • Create seedDB() to create the dumb data in database
  • v4: Add function of adding comment

    • Add the function to add the comments (nested route)
    • Separate the ejs files to two different folders accordingly (posts and comments)
  • v5: Styling of the show page

    • Add public folder for css files
  • v6: Authenticate (regestration and login)

  • v7: Refactor the routes

    • Add "routes" folder for separate the routes into different files
  • v8: Associate the data: user + comments

  • v9: Associate the data: user + posts

  • v10: Add function of edit and delete (post and comment); refactor the middleware

    • Add "middleware" folder
  • v11: Flash message; refactor login and regestration; refactor landing page

  • v12: Change the subject from YelpCamp to TaiwanSpots

    • Rename the files and modify all the strings from campground to spot (post)

# The term "campground" in the codes represents the post because the webside's original subject was YelpCamp.

taiwan-spots's People

Contributors

ianlai avatar

Stargazers

 avatar

Watchers

James Cloos avatar Jay Pan avatar  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.