https://www.xh-zhang.com/tags/express/ExpressSource Themes Academic (https://sourcethemes.com/academic/)en-usWed, 02 Oct 2019 16:32:52 -0400https://www.xh-zhang.com/img/icon-192.pnghttps://www.xh-zhang.com/tags/express/https://www.xh-zhang.com/project/yelpbbq/Wed, 02 Oct 2019 16:32:52 -0400https://www.xh-zhang.com/project/yelpbbq/ <h1 id="yelpbbq">YelpBBQ</h1> <blockquote> <p>A RESTful Node.js web application project that allows users to share their BBQ experience by uploading photos and comments.</p> </blockquote> <h2 id="live-demo">Live Demo</h2> <p>To see the app in action, go to <a href="https://calm-depths-02705.herokuapp.com/" target="_blank">https://calm-depths-02705.herokuapp.com/</a></p> <p>Username: guest Password: guest</p> <h2 id="features">Features</h2> <ul> <li>Authentication: <ul> <li>User login with username and password</li> <li>Admin sign-up with admin code</li> </ul></li> <li>Authorization: <ul> <li>One cannot manage posts and view user profile without being authenticated</li> <li>One cannot edit or delete posts and comments created by other users</li> <li>Admin can manage all posts and comments</li> </ul></li> <li>Manage campground posts with basic functionalities: <ul> <li>Create, edit and delete posts and comments</li> <li>Upload campground photos</li> <li>Display campground location on Google Maps</li> <li>Search existing campgrounds</li> </ul></li> <li>Manage user account with basic functionalities: Password reset via email confirmation~~ (disabled) <ul> <li>Profile page setup with sign-up</li> </ul></li> <li>Flash messages responding to users&rsquo; interaction with the app</li> <li>Responsive web design</li> <li><h3 id="custom-enhancements">Custom Enhancements</h3></li> <li><p>Update campground photos when editing campgrounds</p></li> <li><p>Update personal information on profile page</p></li> <li><p>Improve image load time on the landing page using Cloudinary</p></li> <li><p>Use Helmet to strengthen security</p></li> </ul> <h3 id="front-end">Front-end</h3> <ul> <li><a href="#">ejs</a>(<a href="http://ejs.co/" target="_blank">http://ejs.co/</a>)</li> <li><a href="#">Google Maps APIs</a>(<a href="https://developers.google.com/maps/" target="_blank">https://developers.google.com/maps/</a>)</li> <li><a href="#">Bootstrap</a>(<a href="https://getbootstrap.com/docs/3.3/" target="_blank">https://getbootstrap.com/docs/3.3/</a>)</li> </ul> <h3 id="back-end">Back-end</h3> <ul> <li><a href="#">express</a>(<a href="https://expressjs.com/" target="_blank">https://expressjs.com/</a>)</li> <li><a href="#">mongoDB</a>(<a href="https://www.mongodb.com/" target="_blank">https://www.mongodb.com/</a>)</li> <li><a href="#">mongoose</a>(<a href="http://mongoosejs.com/" target="_blank">http://mongoosejs.com/</a>)</li> <li><a href="#">async</a>(<a href="http://caolan.github.io/async/" target="_blank">http://caolan.github.io/async/</a>)</li> <li><a href="#">crypto</a>(<a href="https://nodejs.org/api/crypto.html#crypto_crypto" target="_blank">https://nodejs.org/api/crypto.html#crypto_crypto</a>)</li> <li><a href="#">helmet</a>(<a href="https://helmetjs.github.io/" target="_blank">https://helmetjs.github.io/</a>)</li> <li><a href="#">passport</a>(<a href="http://www.passportjs.org/" target="_blank">http://www.passportjs.org/</a>)</li> <li><a href="#">passport-local</a>(<a href="https://github.com/jaredhanson/passport-local#passport-local" target="_blank">https://github.com/jaredhanson/passport-local#passport-local</a>)</li> <li><a href="#">express-session</a>(<a href="https://github.com/expressjs/session#express-session" target="_blank">https://github.com/expressjs/session#express-session</a>)</li> <li><a href="#">method-override</a>(<a href="https://github.com/expressjs/method-override#method-override" target="_blank">https://github.com/expressjs/method-override#method-override</a>)</li> <li><a href="#">nodemailer</a>(<a href="https://nodemailer.com/about/" target="_blank">https://nodemailer.com/about/</a>)</li> <li><a href="#">moment</a>(<a href="https://momentjs.com/" target="_blank">https://momentjs.com/</a>)</li> <li><a href="#">cloudinary</a>(<a href="https://cloudinary.com/" target="_blank">https://cloudinary.com/</a>)</li> <li><a href="#">geocoder</a>(<a href="https://github.com/wyattdanger/geocoder#geocoder" target="_blank">https://github.com/wyattdanger/geocoder#geocoder</a>)</li> <li><a href="#">connect-flash</a>(<a href="https://github.com/jaredhanson/connect-flash#connect-flash" target="_blank">https://github.com/jaredhanson/connect-flash#connect-flash</a>)</li> </ul> <h3 id="platforms">Platforms</h3> <ul> <li><a href="#">Cloudinary</a>(<a href="https://cloudinary.com/" target="_blank">https://cloudinary.com/</a>)</li> <li><a href="#">Heroku</a>(<a href="https://www.heroku.com/" target="_blank">https://www.heroku.com/</a>)</li> <li><a href="#">Cloud9</a>(<a href="https://aws.amazon.com/cloud9/?origin=c9io" target="_blank">https://aws.amazon.com/cloud9/?origin=c9io</a>)</li> </ul> <h3 id="what-next">What Next</h3> <ul> <li>Immigrate to AWS and DynamoDB</li> </ul>