diff --git a/.metals/metals.lock.db b/.metals/metals.lock.db
deleted file mode 100644
index 3df5051..0000000
--- a/.metals/metals.lock.db
+++ /dev/null
@@ -1,6 +0,0 @@
-#FileLock
-#Tue Mar 14 08:52:32 EET 2023
-server=localhost\:44861
-hostName=localhost
-method=file
-id=186dee3c668f2198247c5e18a4c206205e633a2408e
diff --git a/part2/courseinfo/src/App.js b/part2/courseinfo/src/App.js
index 72e065b..bb1b802 100644
--- a/part2/courseinfo/src/App.js
+++ b/part2/courseinfo/src/App.js
@@ -1,39 +1,5 @@
-const Course = ({ course }) => {
-  return (
-    <div>
-      <Header name={course.name} />
-      <Content parts={course.parts} />
-      <Total parts={course.parts} />
-    </div>
-  );
-};
-
-const Header = ({ name }) => {
-  return <h2>{name}</h2>;
-};
-
-const Total = ({ parts }) => {
-  const total = parts.reduce((sum, part) => sum + part.exercises, 0);
-  return <b>total of {total} exercises</b>;
-};
-
-const Part = ({ part, exercises }) => {
-  return (
-    <p>
-      {part} {exercises}
-    </p>
-  );
-};
-
-const Content = ({ parts }) => {
-  return (
-    <div>
-      {parts.map((part) => (
-        <Part key={part.id} part={part.name} exercises={part.exercises} />
-      ))}
-    </div>
-  );
-};
+import React from "react";
+import Course from "./components/Course";
 
 const App = () => {
   const courses = [
diff --git a/part2/courseinfo/src/components/Course.js b/part2/courseinfo/src/components/Course.js
new file mode 100644
index 0000000..d284e1e
--- /dev/null
+++ b/part2/courseinfo/src/components/Course.js
@@ -0,0 +1,38 @@
+const Course = ({ course }) => {
+  return (
+    <div>
+      <Header name={course.name} />
+      <Content parts={course.parts} />
+      <Total parts={course.parts} />
+    </div>
+  );
+};
+
+const Header = ({ name }) => {
+  return <h2>{name}</h2>;
+};
+
+const Total = ({ parts }) => {
+  const total = parts.reduce((sum, part) => sum + part.exercises, 0);
+  return <b>total of {total} exercises</b>;
+};
+
+const Part = ({ part, exercises }) => {
+  return (
+    <p>
+      {part} {exercises}
+    </p>
+  );
+};
+
+const Content = ({ parts }) => {
+  return (
+    <div>
+      {parts.map((part) => (
+        <Part key={part.id} part={part.name} exercises={part.exercises} />
+      ))}
+    </div>
+  );
+};
+
+export default Course;