profile photo update

@@ -11,6 +11,7 @@ KHU-Hub repo: [khuhub.khu.ac.kr/2018102216/dev-profile](https://khuhub.khu.ac.kr
 - [x] random quotes **_for developers_** to motivate you :sparkles:
 - [ ] the amount of commits you've done on [GitHub](https://github.com/) at a glance
 - [ ] your most-contributed project on GitHub
+- [x] today's trending repositories on GitHub
       <br>
 
 ### Additional Features

@@ -2,26 +2,83 @@ import axios from "axios";
 import passport from "passport";
 import User from "../models/User";
 
-const getQuote = async (req,res) =>{
-    const url = "http://quotes.stormconsultancy.co.uk/random.json";
-    const quoteData = await axios.get(url).then(function(response){
-        return response.data;
-    });
-    const quote = quoteData.quote;
-    const author = quoteData.author;
-    return {quote,author};
-}
-
-export const handleHome = async (req,res)=>{
-    const quote = await getQuote();
-    res.render("home",{pageTitle:"Home", quote:quote.quote, author:quote.author});
-}
-
-
-export const getUserDetail = async (req,res) =>{
-    const quote = await getQuote();
-    res.render("userDetail",{pagetTitle:"User Detail", quote:quote.quote, author:quote.author})
-}
+const getQuote = async (req, res) => {
+  const url = "http://quotes.stormconsultancy.co.uk/random.json";
+  const quoteData = await axios.get(url).then(function (response) {
+    return response.data;
+  });
+  const quote = quoteData.quote;
+  const author = quoteData.author;
+  return { quote, author };
+};
+
+const gitTrend = async (req, res) => {
+  const url =
+    "https://api.trending-github.com/github/repositories?period=daily";
+  const trendData = await axios.get(url).then(function (response) {
+    return response.data;
+  });
+  const name0 = trendData[0].name;
+  const description0 = trendData[0].description;
+  const Url0 = trendData[0].url;
+  const stars0 = trendData[0].stars;
+  const name1 = trendData[1].name;
+  const description1 = trendData[1].description;
+  const Url1 = trendData[1].url;
+  const stars1 = trendData[1].stars;
+  const name2 = trendData[2].name;
+  const description2 = trendData[2].description;
+  const Url2 = trendData[2].url;
+  const stars2 = trendData[2].stars;
+
+  return {
+    name0,
+    description0,
+    Url0,
+    stars0,
+    name1,
+    description1,
+    Url1,
+    stars1,
+    name2,
+    description2,
+    Url2,
+    stars2,
+  };
+};
+
+
+
+export const handleHome = async (req, res) => {
+  const quote = await getQuote();
+  const trend = await gitTrend();
+  res.render("home", {
+    pageTitle: "Home",
+    quote: quote.quote,
+    author: quote.author,
+    name0: trend.name0,
+    description0: trend.description0,
+    Url0: trend.Url0,
+    stars0: trend.stars0,
+    name1: trend.name1,
+    description1: trend.description1,
+    Url1: trend.Url1,
+    stars1: trend.stars1,
+    name2: trend.name2,
+    description2: trend.description2,
+    Url2: trend.Url2,
+    stars2: trend.stars2,
+  });
+};
+
+export const getUserDetail = async (req, res) => {
+  const quote = await getQuote();
+  res.render("userDetail", {
+    pagetTitle: "User Detail",
+    quote: quote.quote,
+    author: quote.author,
+  });
+};
 
 export const getEditProfile = async (req,res)=> {
     const{
@@ -67,23 +124,32 @@ export const postEditProfile = async (req,res) =>{
     }
 };
 
-
-export const getJoin = (req,res)=>{
-    res.render("join",{pageTitle: "Join"});
+export const getJoin = (req, res) => {
+  res.render("join", { pageTitle: "Join" });
 };
 
-export const getLogin = (req,res)=>{
-    res.render("login",{pageTitle: "Login"});
+export const getLogin = (req, res) => {
+  res.render("login", { pageTitle: "Login" });
 };
 
-export const handleUsers = (req,res)=>{
-    res.render("users",{pageTitle:"Users"});
-}
+export const handleUsers = (req, res) => {
+  res.render("users", { pageTitle: "Users" });
+};
 
-export const githubLogin = passport.authenticate("github", {scope: [ "user:email" ]});
+export const githubLogin = passport.authenticate("github", {
+  scope: ["user:email"],
+});
 
-export const githubLoginCallback = async (_, __, profile, done) =>{
-    const {_json: {id:githubId, login:githubName, avatar_url:avatarUrl, name, email}} = profile;
+export const githubLoginCallback = async (_, __, profile, done) => {
+  const {
+    _json: {
+      id: githubId,
+      login: githubName,
+      avatar_url: avatarUrl,
+      name,
+      email,
+    },
+  } = profile;
 
     try{
         const user = await User.findOne({githubId});
@@ -107,12 +173,12 @@ export const githubLoginCallback = async (_, __, profile, done) =>{
     }
 };
 
-export const postGithubLogin = (req,res)=>{
-    const userId = req.user.id;
-    res.redirect(`/users/${userId}`);
-}
+export const postGithubLogin = (req, res) => {
+  const userId = req.user.id;
+  res.redirect(`/users/${userId}`);
+};
 
-export const logout = (req,res)=>{
-    req.logout();
-    res.redirect("/");
-}
\ No newline at end of file
+export const logout = (req, res) => {
+  req.logout();
+  res.redirect("/");
+};

@@ -2,15 +2,13 @@ import express from "express";
 import { getEditProfile, getUserDetail, handleUsers, postEditProfile } from "../controllers/userController";
 import { onlyPrivate, uploadFiles } from "../middlewares";
 
-
 const userRouter = express.Router();
 
-userRouter.get("/",handleUsers);
+userRouter.get("/", handleUsers);
 
 userRouter.get("/edit-profile", onlyPrivate, getEditProfile);
 userRouter.post("/edit-profile", onlyPrivate, uploadFiles.single("photo"),postEditProfile);
 
 userRouter.get("/:id", getUserDetail);
 
-
-export default userRouter;
\ No newline at end of file
+export default userRouter;

@@ -14,4 +14,15 @@ block content
                 |#{' '}
                 a(href="/login") Login
         else 
-            a(href=`/users/${loggedUser._id}`) My profile
\ No newline at end of file
+            a(href=`/users/${loggedUser._id}`) My profile
+            
+        .gotoTrend(style="border: 1px solid blue;")
+            p(style='color: orange;') Trending Repositories: 
+            br
+            a(href=Url0, style={color:'grey'}) 
+                p=name0+": "+description0+" - "+stars0+" stars"
+            a(href=Url1, style={color:'grey'}) 
+                p=name1+": "+description1+" - "+stars1+" stars"
+            a(href=Url2, style={color:'grey'}) 
+                p=name2+": "+description2+" - "+stars2+" stars"
+