diff --git a/lazy-timer-fe/public/index.html b/lazy-timer-fe/public/index.html
index aa069f2..50ad218 100644
--- a/lazy-timer-fe/public/index.html
+++ b/lazy-timer-fe/public/index.html
@@ -15,6 +15,8 @@
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
+
+
- React App
+ 懒人记时
diff --git a/lazy-timer-fe/src/components/index.jsx b/lazy-timer-fe/src/components/index.jsx
new file mode 100644
index 0000000..974ab8b
--- /dev/null
+++ b/lazy-timer-fe/src/components/index.jsx
@@ -0,0 +1,17 @@
+export { default as Button } from './Button';
+export { default as ThemeSettings } from './ThemeSettings';
+export { default as Sidebar } from './Sidebar';
+// eslint-disable-next-line import/no-cycle
+export { default as Navbar } from './Navbar';
+export { default as Footer } from './Footer';
+export { default as Cart } from './Cart';
+export { default as Chat } from './Chat';
+export { default as Notification } from './Notification';
+export { default as UserProfile } from './UserProfile';
+export { default as SparkLine } from './Charts/SparkLine';
+export { default as LineChart } from './Charts/LineChart';
+export { default as Stacked } from './Charts/Stacked';
+export { default as Pie } from './Charts/Pie';
+export { default as ChartsHeader } from './ChartsHeader';
+export { default as Header } from './Header';
+
diff --git a/lazy-timer-fe/src/pages/Charts/Stacked.jsx b/lazy-timer-fe/src/pages/Charts/Stacked.jsx
new file mode 100644
index 0000000..0664ab5
--- /dev/null
+++ b/lazy-timer-fe/src/pages/Charts/Stacked.jsx
@@ -0,0 +1,14 @@
+import React from 'react';
+
+import { ChartsHeader, Stacked as StackedChart } from '../../components';
+
+const Stacked = () => (
+
+);
+
+export default Stacked;