+ 
+
+ )
+}
diff --git a/src/features/Posts/Components/PostCard/index.tsx b/src/features/Posts/Components/PostCard/index.tsx
new file mode 100644
index 0000000..bcdab81
--- /dev/null
+++ b/src/features/Posts/Components/PostCard/index.tsx
@@ -0,0 +1,2 @@
+
+export { }
\ No newline at end of file
diff --git a/src/features/Posts/index.tsx b/src/features/Posts/index.tsx
new file mode 100644
index 0000000..bcdab81
--- /dev/null
+++ b/src/features/Posts/index.tsx
@@ -0,0 +1,2 @@
+
+export { }
\ No newline at end of file
diff --git a/src/features/Posts/types/index.ts b/src/features/Posts/types/index.ts
new file mode 100644
index 0000000..e18c8b8
--- /dev/null
+++ b/src/features/Posts/types/index.ts
@@ -0,0 +1,36 @@
+import { Tag } from "src/utils/interfaces"
+
+export type PostBase = {
+ id: number
+ title: string
+ date: string
+ author: {
+ id: number
+ name: string
+ image: string
+ }
+ excerpt: string
+ tags: Tag[]
+ votes_count: number
+}
+
+export type Story = PostBase & {
+ type: 'story'
+ cover_image: string;
+ comments_count: number
+}
+
+export type Bounty = PostBase & {
+ type: 'bounty'
+ cover_image: string;
+ reward_amount: number
+ deadline: string
+ applicants_count: number
+}
+
+export type Question = PostBase & {
+ type: 'question'
+ answers_count: number
+}
+
+export type Post = Story | Question | Bounty
diff --git a/src/features/Profiles/Components/Avatar/Avatar.stories.tsx b/src/features/Profiles/Components/Avatar/Avatar.stories.tsx
new file mode 100644
index 0000000..e8e9e0c
--- /dev/null
+++ b/src/features/Profiles/Components/Avatar/Avatar.stories.tsx
@@ -0,0 +1,21 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+
+import Avatar from './Avatar';
+
+export default {
+ title: 'Profile/Components/Avatar',
+ component: Avatar,
+ argTypes: {
+ backgroundColor: { control: 'color' },
+ },
+} as ComponentMeta
+
+
+ {story.title}
+{story.excerpt}
+ ++
+
+
+
+