diff --git a/components/Navbar/index.tsx b/components/Navbar/index.tsx
index b5db20b..92d7dd6 100644
--- a/components/Navbar/index.tsx
+++ b/components/Navbar/index.tsx
@@ -7,6 +7,10 @@ const navbarItems = [
 		title: 'Home',
 		href: '/',
 	},
+	{
+  	title: 'Projects',
+  	href: '/projects',
+	},
 	{
 		title: 'Stack',
 		href: '/stack',
@@ -29,7 +33,7 @@ export const Navbar = () => {
 				<Flex
 					alignItems='center'
 					justifyContent='space-between'
-					w='130px'
+					w='200px'
 					color='heading'
 				>
 					{navbarItems.map((item) => (
diff --git a/data/projects.ts b/data/projects.ts
index a1680ef..cd457a8 100644
--- a/data/projects.ts
+++ b/data/projects.ts
@@ -4,43 +4,41 @@ const projects: IProject[] = [
 	{
 		title: 'ミル Miru',
 		description: 'Remove the drama from movie night',
-		url: 'https://miru.space',
+		url: 'https://miru-chi.vercel.app',
+		source: 'https://github.com/lawandothman/miru',
 		status: 'ALPHA',
 	},
 	{
 		title: 'Pokédex',
-		source: 'https://github.com/lawandothman/pokedex',
 		description: "Gotta catch 'em all!",
 		url: 'https://pokedex-lwnd.up.railway.app',
+		source: 'https://github.com/lawandothman/pokedex',
 	},
 	{
 		title: 'Litter',
-		source: 'https://github.com/lawandothman/litter',
 		description: 'A microblogging and social networking service',
-		url: 'https://litter-cf67f.web.app/',
+		source: 'https://github.com/lawandothman/litter',
 	},
 	{
 		title: 'Shopcart',
-		source: 'https://github.com/lawandothman/shopcart',
 		description: 'Ecommerce platform with PayPal integration',
+		source: 'https://github.com/lawandothman/shopcart',
 	},
 	{
 		title: 'Fast Feedback',
-		source: 'https://github.com/lawandothman/fastfeedback',
 		description: 'SaaS to add feedback to static sites',
-		url: 'https://fastfeedback-lwnd.vercel.app/',
+		source: 'https://github.com/lawandothman/fastfeedback',
 	},
 	{
 		title: 'lwnd.me',
-		source: 'https://github.com/lawandothman/lwnd.me',
 		description: 'My personal website',
+		source: 'https://github.com/lawandothman/lwnd.me',
 		url: '#',
 	},
 	{
 		title: 'Swindler',
-		source: 'https://github.com/pedsm/swindler',
 		description: 'CovHack2020 2nd Place Winner - a social deception game',
-		url: 'https://codename-swindler.herokuapp.com/',
+		source: 'https://github.com/pedsm/swindler',
 	},
 	{
 		title: 'White Rabbit',
diff --git a/pages/projects.tsx b/pages/projects.tsx
new file mode 100644
index 0000000..9cdbb99
--- /dev/null
+++ b/pages/projects.tsx
@@ -0,0 +1,26 @@
+import { Heading, VStack } from '@chakra-ui/react'
+import { NextPage } from 'next'
+import React from 'react'
+
+import { Page, Project, Shell } from 'components'
+
+import projects from 'data/projects'
+
+const Projects: NextPage = () => {
+	return (
+		<Page name='Projects' path='/projects'>
+			<Shell>
+				<Heading color='heading' mb={8}>
+					Projects
+				</Heading>
+				<VStack spacing={4} align='stretch'>
+					{projects.map((project) => (
+						<Project project={project} key={project.title} />
+					))}
+				</VStack>
+			</Shell>
+		</Page>
+	)
+}
+
+export default Projects