├── frontend
├── .env.example
├── public
│ ├── favicon.ico
│ └── vercel.svg
├── next.config.js
├── helpers
│ └── cookies.js
├── pages
│ ├── api
│ │ └── hello.js
│ ├── _app.js
│ ├── index.js
│ ├── r
│ │ └── [sub]
│ │ │ ├── index.js
│ │ │ └── [slug].js
│ ├── signup.js
│ ├── login.js
│ └── posts
│ │ └── new.js
├── .gitignore
├── package.json
├── components
│ ├── PanelRight.js
│ ├── Layout.js
│ ├── Navigation.js
│ ├── Comments
│ │ ├── CommentList.js
│ │ ├── NewComment.js
│ │ └── CommentReply.js
│ └── PanelLeft.js
└── styles
│ ├── Comments.module.css
│ ├── Auth.module.css
│ ├── globals.css
│ ├── Layout.module.css
│ └── Home.module.css
└── backend
├── .env.example
├── .babelrc
├── util
└── autopopulate.js
├── routes
├── index.js
├── users.js
└── posts.js
├── .gitignore
├── models
├── comment.js
├── user.js
└── post.js
├── data
└── reddit-db.js
├── tests
├── index.test.js
├── auth.test.js
└── posts.test.js
├── package.json
├── server.js
└── controllers
├── auth.js
├── comments.js
└── posts.js
/frontend/.env.example:
--------------------------------------------------------------------------------
1 | NEXT_APP_URI=
2 |
--------------------------------------------------------------------------------
/backend/.env.example:
--------------------------------------------------------------------------------
1 | PORT=
2 | MONGODB_URI=
3 | SECRET=
4 |
--------------------------------------------------------------------------------
/backend/.babelrc:
--------------------------------------------------------------------------------
1 | {
2 | "presets": [
3 | "@babel/preset-env"
4 | ]
5 | }
6 |
--------------------------------------------------------------------------------
/frontend/public/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/jfloresy/node-nextjs-reddit-clone/HEAD/frontend/public/favicon.ico
--------------------------------------------------------------------------------
/frontend/next.config.js:
--------------------------------------------------------------------------------
1 | module.exports = {
2 | env: {
3 | NEXT_APP_URI: process.env.NEXT_APP_URI,
4 | },
5 | };
6 |
--------------------------------------------------------------------------------
/backend/util/autopopulate.js:
--------------------------------------------------------------------------------
1 | module.exports = field => {
2 | return function(next) {
3 | this.populate(field);
4 | next();
5 | }
6 | }
7 |
--------------------------------------------------------------------------------
/frontend/helpers/cookies.js:
--------------------------------------------------------------------------------
1 | import cookie from "cookie"
2 |
3 | export function parseCookies(req) {
4 | return cookie.parse(req ? req.headers.cookie || "" : document.cookie)
5 | }
6 |
--------------------------------------------------------------------------------
/frontend/pages/api/hello.js:
--------------------------------------------------------------------------------
1 | // Next.js API route support: https://nextjs.org/docs/api-routes/introduction
2 |
3 | export default (req, res) => {
4 | res.status(200).json({ name: 'John Doe' })
5 | }
6 |
--------------------------------------------------------------------------------
/backend/routes/index.js:
--------------------------------------------------------------------------------
1 | const router = require('express').Router()
2 |
3 | router.use('/posts', require('./posts'))
4 | router.use('/users', require('./users'))
5 | router.get('/', function(req, res) {
6 | return res.send("success")
7 | })
8 | module.exports = router;
9 |
--------------------------------------------------------------------------------
/backend/routes/users.js:
--------------------------------------------------------------------------------
1 | const router = require('express').Router()
2 | const {
3 | newUser,
4 | login,
5 | logout
6 | } = require('../controllers/auth')
7 |
8 | router.post("/sign-up", newUser)
9 | router.post("/login", login)
10 | router.get("/logout", logout)
11 |
12 | module.exports = router
13 |
--------------------------------------------------------------------------------
/frontend/pages/_app.js:
--------------------------------------------------------------------------------
1 | import { CookiesProvider } from "react-cookie"
2 | import '../styles/globals.css'
3 | import 'bootstrap/dist/css/bootstrap.css'
4 |
5 | function MyApp({ Component, pageProps }) {
6 | return (
7 |
8 |
9 |
10 | )
11 | }
12 |
13 | export default MyApp
14 |
--------------------------------------------------------------------------------
/frontend/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | build
17 |
18 | # misc
19 | .DS_Store
20 | *.pem
21 |
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 |
27 | # local env files
28 | .env.local
29 | .env.development.local
30 | .env.test.local
31 | .env.production.local
32 |
33 | # vercel
34 | .vercel
35 |
--------------------------------------------------------------------------------
/frontend/package.json:
--------------------------------------------------------------------------------
1 | {
2 | "name": "reddit-clone-frontend",
3 | "version": "0.1.0",
4 | "private": true,
5 | "scripts": {
6 | "dev": "next dev",
7 | "build": "next build",
8 | "start": "next start"
9 | },
10 | "dependencies": {
11 | "@tsamantanis/date-lib": "^1.0.3",
12 | "axios": "^0.21.1",
13 | "bootstrap": "^4.6.0",
14 | "cookie": "^0.4.1",
15 | "next": "10.0.6",
16 | "react": "17.0.1",
17 | "react-bootstrap": "^1.4.3",
18 | "react-cookie": "^4.0.3",
19 | "react-dom": "17.0.1"
20 | }
21 | }
22 |
--------------------------------------------------------------------------------
/backend/.gitignore:
--------------------------------------------------------------------------------
1 | # See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
2 |
3 | # dependencies
4 | node_modules
5 | /.pnp
6 | .pnp.js
7 |
8 | # testing
9 | coverage
10 |
11 | # next.js
12 | /.next/
13 | /out/
14 |
15 | # production
16 | build
17 |
18 | # misc
19 | .DS_Store
20 | *.pem
21 |
22 | # debug
23 | npm-debug.log*
24 | yarn-debug.log*
25 | yarn-error.log*
26 |
27 | # local env files
28 | .env
29 | .env.local
30 | .env.development.local
31 | .env.test.local
32 | .env.production.local
33 |
34 | # vercel
35 | .vercel
36 |
--------------------------------------------------------------------------------
/frontend/components/PanelRight.js:
--------------------------------------------------------------------------------
1 | import Link from 'next/link'
2 | import { useCookies } from "react-cookie"
3 | import styles from '../styles/Layout.module.css'
4 |
5 | function PanelRight() {
6 | const [cookie, setCookie] = useCookies(["nToken"])
7 | if (cookie && cookie.nToken)
8 | return (
9 |
10 |
11 |
12 | New Post
13 |
14 |
15 |
11 |
12 |
14 |
15 | { children }
16 |
17 |
18 |
19 |
21 |
22 |
{ `/r/${post.subreddit} - ${post.author ? post.author.username : "anonymous"}` }
23 |
{ post.title }
24 |
{ post.summary.length > 100 ? post.summary.substring(0, 97) + '...' : post.summary }
25 |
26 |
25 |
26 |
{ `/r/${post.subreddit} - ${post.author ? post.author.username : "anonymous"}` }
27 |
{ post.title }
28 |
{ post.summary.length > 100 ? post.summary.substring(0, 97) + '...' : post.summary }
29 |
30 |
12 |
{ comment.author.username }
13 |
{new BetterDate(comment.created_at).when()}
14 |
{comment.content}
15 | { reply && reply === comment._id ?
16 |
setReply(null)}
21 | />
22 | :
23 |
29 | }
30 | { comment.comments
31 | &&
37 | }
38 |
40 |
41 |
42 |
43 |
50 |
{ voteScore }
51 |
58 |
59 |
60 |
{ `/r/${post.subreddit} - ${post.author ? post.author.username : "anonymous"}` }
61 |
{ post.title }
62 |
{ post.summary }
63 |
64 |
65 |
66 |
67 | router.replace(router.asPath) }
72 | />
73 |
74 | { post.comments && post.comments.length > 0 &&
}
75 |
router.replace(router.asPath) }
78 | />
79 |
80 |
81 |