Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jdegand/redditjs
Make School Tutorial - Redditjs
https://github.com/jdegand/redditjs
bootstrap chai express handlebars jquery makeschool mocha mongoose
Last synced: about 3 hours ago
JSON representation
Make School Tutorial - Redditjs
- Host: GitHub
- URL: https://github.com/jdegand/redditjs
- Owner: jdegand
- Created: 2022-07-28T19:07:36.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-09-08T02:53:55.000Z (5 months ago)
- Last Synced: 2024-11-21T16:40:24.659Z (2 months ago)
- Topics: bootstrap, chai, express, handlebars, jquery, makeschool, mocha, mongoose
- Language: JavaScript
- Homepage:
- Size: 86.9 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
Redditjs
## Table of Contents
- [Overview](#overview)
- [Screenshots](#screenshots)
- [Built With](#built-with)
- [How to Use](#how-to-use)
- [Thoughts](#thoughts)
- [Continued Development](#continued-development)
- [Useful Resources](#useful-resources)
## Overview
MakeSchool was a coding bootcamp that went under. Most content was made free and I found this and decided to follow along.
### Screenshots
***
***
***
***
***
***
***
### Built With
- bcryptjs
- cookie-parser
- express
- express-handlebars
- jsonwebtoken
- mongoose
- chai
- mocha
- bootstrap
- jquery
## How To Use
To clone and run this application, you'll need [Git](https://git-scm.com) and [Node.js](https://nodejs.org/en/download/) (which comes with [npm](http://npmjs.com)) installed on your computer. From your command line:
```bash
# Clone this repository
$ git clone https://github.com/jdegand/redditjs
# Install dependencies
$ npm install
# Add .env with MONGO_URI connection string and SECRET KEY
# Run the app
$ npm start
```
## Thoughts
- Worked on this November 2021, I got stuck on the nested replies and put it down and forgot about it til July 2022.
- I deviated from the instructions at various points and that made this project harder to complete.
- I didn't add a controllers file.
- I used mergeParams to make the nested routes.
- I didn't create a separate db file - I like to just add it to the `app/index/server.js` file.
- The final result is sort of held together by duct tape but it matches the functionality of the tutorial's completed result.
- Need to refresh to see the score change on the page index page although the score is updated automatically with the jquery.
- Could try to use the jquery to update the player score in the page index page.
- `lean()` is a critical fix for handlebars rendering issues.
- Adding the pre's to the schemas fixed nested reply links from missing a postId property.
- Populating in the routes didn't work as well.
- Unsure if the order of lean and populate calls matters i.e. `model.lean().populate('')` vs. `model.populate('').lean()`
- Converting to async just requires using try and catch blocks. The tutorial makes it seem like a big deal.
- The tutorial used bcryptjs, but probably should have used regular bcrypt.
- Not Found - problem with navbar - didn't reflect logged in status - fixed by passing currentUser variable in error handler
## Continued Development
- Dependencies could be updated further, but Mocha has breaking changes.
- Bootstrap styling for tablets & up and down buttons
- Redditjs and Home in the navbar are redundant. Home Link could be eliminated.
- Nested reply order - works fine when starting from stratch. Older replies from development didn't display correctly.
- Add delete functionality.
- Limit upvotes/downvotes to 1 per user - check array for user id before execution
- Can't get a console.log to register in the ajax script
- Middleware to pass currentUser to all routes
- Doesn't show cookies are blocked until you try to login / signup
## Useful Resources
- [Stack Overflow](https://stackoverflow.com/questions/21396524/what-is-the-difference-between-assert-expect-and-should-in-chai) - assert vs expect
- [Code For Geek](https://codeforgeek.com/unit-testing-nodejs-application-using-mocha/) - unit testing with mocha
- [Stack Overflow](https://stackoverflow.com/questions/25260818/rest-with-express-js-nested-router) - nested routes
- [Stack Overflow](https://stackoverflow.com/questions/24002342/node-js-express-nested-routes) - nested routes
- [Github](https://gist.github.com/zcaceres/f38b208a492e4dcd45f487638eff716c) - nested routes
- [YouTube](https://www.youtube.com/watch?v=_TI6iODy4yU) - Pursuit YT Express Video
- [Stack Overflow](https://stackoverflow.com/questions/35733647/mongoose-instance-save-not-working) - mongoose save not working
- [JQuery Docs](https://api.jquery.com/jquery.ajax/) - ajax method
- [FreeCodeCamp](https://www.freecodecamp.org/news/how-to-update-npm-dependencies/) - updating npm dependencies