👋 Hello Readers, 
Hope you all are doing well. This time I came with a new blog for my new project. I along with my two other team members built a clone of the "Medium" website in just 4 days. 
Source code : <a target="_blank" href="https://github.com/shivam-singh-au17/ProjectMediumClone">Medium-clone</a> 
Medium is a blogging website, where users can read blogs written by other users and write their own blog as well.
Tech Stacks Used
<ul>
<li>React</li>
<li>MongoDB</li>
<li>Bootstrap</li>
<li>Material UI</li>
<li>Javascript</li>
<li>CSS</li>
</ul>
<hr />
Team Members
<ul>
<li><a target="_blank" href="https://github.com/asutoshb">Asutosh Behera</a></li>
<li><a target="_blank" href="https://github.com/Naveenverma440">Naveen Verma</a></li>
<li><a target="_blank" href="https://github.com/shivam-singh-au17">Shivam Singh</a></li>
</ul>
<hr />
Main Pages
<ul>
<li>Home Page </li>
<li>Sign-in/Sign-up Page</li>
<li>Our Story Page</li>
<li>Membership Page</li>
<li>Write Page </li>
<li>Saved post Page</li>
</ul>
<hr />
Functionality
<ul>
<li>Sign-in using Google login authentication</li>
<li>Reading a blog</li>
<li>Writing a new blog</li>
</ul>
<hr />
Screenshots of pages
<ul>
<li>Landing Page</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633255897316/D_eYaQxRQ.png" alt="HomePage.png" />
<ul>
<li>Our Story Page</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633255924979/w0QOlCoWF.png" alt="OurStory.png" />
<ul>
<li>Membership Page</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633255944812/az_z0rYvd.png" alt="Membership.png" />
<ul>
<li>Write Page</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633255964084/G__Te5_Mt.png" alt="WritePage.png" />
<ul>
<li>Login Page</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633255984693/lb23H87UX.png" alt="SigninPage.png" />
<ul>
<li>Home page after login</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633256005401/1Vr63jS3e.png" alt="HomeSignin.png" />
<ul>
<li>Post blog</li>
</ul>
<img src="https://cdn.hashnode.com/res/hashnode/image/upload/v1633256038810/1FBpXeEnl.png" alt="post.png" />

👋 Hello Readers, 

Hope you all are doing well. This time I came with a new blog for my new project. I along with my two other team members built a clone of the "**Medium**" website in just 4 days. 

Source code : [Medium-clone](https://github.com/shivam-singh-au17/ProjectMediumClone) 

**Medium** is a blogging website, where users can read blogs written by other users and write their own blog as well.

***Tech Stacks Used***

- React
- MongoDB
- Bootstrap
- Material UI
- Javascript
- CSS
---

***Team Members***
- [Asutosh Behera](https://github.com/asutoshb)
- [Naveen Verma](https://github.com/Naveenverma440)
- [Shivam Singh](https://github.com/shivam-singh-au17)
---

***Main Pages***
- Home Page 
- Sign-in/Sign-up Page
- Our Story Page
- Membership Page
- Write Page     
- Saved post Page
---

***Functionality***
- Sign-in using Google login authentication
- Reading a blog
- Writing a new blog
---

***Screenshots of pages***
- Landing Page

![HomePage.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633255897316/D_eYaQxRQ.png)

- Our Story Page

![OurStory.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633255924979/w0QOlCoWF.png)

- Membership Page

![Membership.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633255944812/az_z0rYvd.png)

- Write Page

![WritePage.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633255964084/G__Te5_Mt.png)

- Login Page

![SigninPage.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633255984693/lb23H87UX.png)

- Home page after login

![HomeSignin.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633256005401/1Vr63jS3e.png)

- Post blog

![post.png](https://cdn.hashnode.com/res/hashnode/image/upload/v1633256038810/1FBpXeEnl.png)


Cloning Medium Website In Just 4 Days