Skip to content

Milestone 1, 2, 3A, 3B, 4 Completed #100

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Open
hchencp wants to merge 20 commits into
base: main
Choose a base branch
from
Open

Milestone 1, 2, 3A, 3B, 4 Completed #100

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
20 commits
Select commit Hold shift + click to select a range
3166edc
done
hchencp Jan 3, 2025
97a8e09
Mile Stone 2 Complete
hchencp Jan 5, 2025
b760f62
added key for blog
hchencp Jan 5, 2025
1cae107
feat: added mongoose
hchencp Jan 5, 2025
c866fcf
chore: connected to mongodb
hchencp Jan 5, 2025
101b1b1
feat: fetch blog data from mongo
hchencp Jan 5, 2025
d94a992
feat: created portfolio schema and got from mongo
hchencp Jan 5, 2025
58e02bc
add
hchencp Jan 5, 2025
4bf1f03
feat: added dynamic routing for each blog post
hchencp Jan 5, 2025
bd1d501
feat: added comments
hchencp Jan 5, 2025
92c1782
fix: corrected comment file name
hchencp Jan 5, 2025
724fb9e
chore: added comments to dynamic pages
hchencp Jan 5, 2025
e1a4629
feat: added email api to allow contact page to work
hchencp Jan 6, 2025
153d84b
chore: updated mongoose
hchencp Jan 6, 2025
54870a8
fix: fixed error to allow deploy
hchencp Jan 6, 2025
4035f83
chore: added env to gitignore
hchencp Jan 6, 2025
bf8b91d
fix: updated to use deployed site
hchencp Jan 8, 2025
7ec2ef9
chore: fix blog post route
hchencp Jan 8, 2025
da77c0e
feat: added comments
hchencp Jan 8, 2025
69e9558
fix: change to vercel link instead of relative
hchencp Jan 8, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Binary file added .DS_Store
View file
Open in desktop
Binary file not shown.
3 changes: 3 additions & 0 deletions .gitignore
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
/node_modules
.env
.env.local
Binary file added blogs/.DS_Store
View file
Open in desktop
Binary file not shown.
182 changes: 182 additions & 0 deletions blogs/green_thai_tea.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,182 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Green Thai Tea Recipe</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #323131;
margin: 0;
padding: 0;
color: #fff;
overflow-x: hidden;
}
.sidebar {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #44403c;
overflow-x: hidden;
transition: 0.3s;
padding-top: 60px;
}
.sidebar a {
padding: 10px 15px;
text-decoration: none;
font-size: 1.2em;
color: #ffd700;
display: block;
transition: 0.3s;
}
.sidebar a:hover {
color: #fff;
}
.sidebar .closebtn {
position: absolute;
top: 0;
right: 15px;
font-size: 2em;
}
.openbtn {
font-size: 1.2em;
cursor: pointer;
background-color: #44403c;
color: #ffd700;
border: none;
padding: 10px 15px;
margin: 10px;
border-radius: 5px;
}
.openbtn:hover {
background-color: #555;
}
.content {
margin-left: 20px;
max-width: 800px;
margin: auto;
background: linear-gradient(135deg, #44403c, #1d1c1b);
padding: 20px;
border-radius: 15px;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}
img {
height: auto;
width: 100%;
border-radius: 10px;
margin-bottom: 20px;
}
h1 {
text-align: center;
font-size: 2.5em;
margin-bottom: 10px;
color: #ffd700;
}
p {
text-align: center;
font-size: 1.1em;
margin-bottom: 20px;
}
ul {
list-style-type: disc;
padding-left: 40px;
color: #e5e5e5;
}

li {
margin: 5px 0;
text-align: left;
}
h2 {
text-align: center;
margin-top: 30px;
font-size: 1.8em;
color: #ffcc00;
}
ol {
padding-left: 40px;
color: #e5e5e5;
}
ol li {
margin: 10px 0;
}
.footer {
margin-top: 30px;
text-align: center;
font-size: 0.9em;
color: #b3b3b3;
}
</style>
<script>
function openNav() {
document.getElementById("mySidebar").style.width = "250px";
}

function closeNav() {
document.getElementById("mySidebar").style.width = "0";
}
</script>
</head>
<body>
<div id="mySidebar" class="sidebar">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"
>&times;</a
>
<a href="../src/index.html">Home</a>
<a href="viet_coffee.html">Viet Coffee</a>
<a href="#">Blog Page 2</a>
<a href="#">Blog Page 3</a>
</div>

<button class="openbtn" onclick="openNav()">☰ Menu</button>

<div class="content">
<!--Section 1-->
<h1>Green Thai Tea Recipe</h1>
<p><em>Posted on Nov 15, 2024</em></p>
<img
src="greenthaitea.webp"
alt="A beautiful beach in Hawaii with clear blue water"
/>
<!--Section 2-->
<ul>
<li>2 cups water</li>
<li>2 tablespoons green tea leaves</li>
<li>2 cardamom pods, crushed</li>
<li>1 stick cinnamon</li>
<li>2 tablespoons sugar (or to taste)</li>
<li>1/2 cup evaporated milk or coconut milk</li>
<li>Ice cubes (optional)</li>
</ul>
<!--Section 3-->
<h2>Instructions</h2>
<ol>
<li>Bring 2 cups of water to a boil in a medium-sized pot.</li>
<li>
Add green tea leaves, crushed cardamom pods, and the cinnamon stick to
the boiling water.
</li>
<li>
Reduce the heat and let the mixture simmer for 5 minutes to allow the
flavors to infuse.
</li>
<li>
Strain the tea into a heat-safe container to remove the tea leaves and
spices.
</li>
<li>
Stir in the sugar while the tea is still hot, adjusting to your
preferred sweetness.
</li>
<li>Let the tea cool slightly, then pour it into a glass.</li>
<li>Add the evaporated milk or coconut milk and stir well.</li>
<li>Serve warm, or pour over ice cubes for a refreshing cold drink.</li>
</ol>
<div class="footer">No longer have to wait in line at seaside</div>
</div>
</body>
</html>
Binary file added blogs/greenthaitea.webp
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
176 changes: 176 additions & 0 deletions blogs/viet_coffee.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,176 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Vietnamese Coffee Recipe</title>
<style>
body {
font-family: Arial, sans-serif;
background-color: #323131;
margin: 0;
padding: 0;
color: #fff;
overflow-x: hidden;
}
.sidebar {
height: 100%;
width: 0;
position: fixed;
z-index: 1;
top: 0;
left: 0;
background-color: #44403c;
overflow-x: hidden;
transition: 0.3s;
padding-top: 60px;
}
.sidebar a {
padding: 10px 15px;
text-decoration: none;
font-size: 1.2em;
color: #ffd700;
display: block;
transition: 0.3s;
}
.sidebar a:hover {
color: #fff;
}
.sidebar .closebtn {
position: absolute;
top: 0;
right: 15px;
font-size: 2em;
}
.openbtn {
font-size: 1.2em;
cursor: pointer;
background-color: #44403c;
color: #ffd700;
border: none;
padding: 10px 15px;
margin: 10px;
border-radius: 5px;
}
.openbtn:hover {
background-color: #555;
}
.content {
margin-left: 20px;
max-width: 800px;
margin: auto;
background: linear-gradient(135deg, #44403c, #1d1c1b);
padding: 20px;
border-radius: 15px;
box-shadow: 0 6px 15px rgba(0, 0, 0, 0.3);
}
img {
height: auto;
width: 100%;
border-radius: 10px;
margin-bottom: 20px;
}
h1 {
text-align: center;
font-size: 2.5em;
margin-bottom: 10px;
color: #ffd700;
}
p {
text-align: center;
font-size: 1.1em;
margin-bottom: 20px;
}
ul {
list-style-type: disc;
padding-left: 40px;
color: #e5e5e5;
}

li {
margin: 5px 0;
text-align: left;
}
h2 {
text-align: center;
margin-top: 30px;
font-size: 1.8em;
color: #ffcc00;
}
ol {
padding-left: 40px;
color: #e5e5e5;
}
ol li {
margin: 10px 0;
}
.footer {
margin-top: 30px;
text-align: center;
font-size: 0.9em;
color: #b3b3b3;
}
</style>
<script>
function openNav() {
document.getElementById("mySidebar").style.width = "250px";
}

function closeNav() {
document.getElementById("mySidebar").style.width = "0";
}
</script>
</head>
<body>
<div id="mySidebar" class="sidebar">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()"
>&times;</a
>
<a href="../src/index.html">Home</a>
<a href="green_thai_tea.html">Green Thai Tea</a>
<a href="#">Blog Page 2</a>
<a href="#">Blog Page 3</a>
</div>

<button class="openbtn" onclick="openNav()">☰ Menu</button>

<div class="content">
<!--Section 1-->
<h1>Vietnamese Coffee Recipe</h1>
<p><em>Posted on Dec 19, 2024</em></p>
<img src="viet_coffee.jpg" alt="A delicious glass of Vietnamese coffee" />
<!--Section 2-->
<ul>
<li>2 tablespoons ground Vietnamese coffee</li>
<li>1 cup hot water</li>
<li>2 tablespoons sweetened condensed milk</li>
<li>Ice cubes (optional)</li>
</ul>
<!--Section 3-->
<h2>Instructions</h2>
<ol>
<li>
Place 2 tablespoons of ground Vietnamese coffee in a phin filter.
</li>
<li>Screw on the filter press or lightly press it down.</li>
<li>Place the phin filter over a glass or cup.</li>
<li>
Pour a small amount of hot water (about 1 tablespoon) to let the
coffee bloom for 30 seconds.
</li>
<li>
Add the remaining hot water and allow the coffee to drip through the
filter.
</li>
<li>
Once all the water has dripped through, stir in the sweetened
condensed milk.
</li>
<li>Serve hot, or pour over ice for an iced Vietnamese coffee.</li>
</ol>
<div class="footer">
No longer have to travel for authentic Vietnamese coffee
</div>
</div>
</body>
</html>
Binary file added blogs/viet_coffee.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading