Update README.md

README.md

@@ -1,30 +1,31 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `pages/index.js`. The page auto-updates as you edit the file.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/import?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+<p align="center">
+  <a href="https://www.nextjs.org">
+    <img alt="Gatsby" src="https://seeklogo.com/images/N/next-js-logo-7929BCD36F-seeklogo.com.png" width="85" />
+  </a>
+  <a href="https://www.tailwindcss.com">
+    <img alt="TailwindCss" src="https://seeklogo.com/images/T/tailwind-css-logo-5AD4175897-seeklogo.com.png" width="85" />
+  </a>
+</p>
+<h1 align="center">
+  Instagram Clone made with NextJs + TailwindCss
+</h1>
+
+<h3>I made this project for learning NextJs. </h3>
+<h3>Demo: https://nextjs-instagram-clone.vercel.app/</h3>
+
+<h4>What did I use?</h5>
+<ul>
+  <li> <a href="https://nextjs.org">Next.Js</a> </li>
+  <li> <a href="https://www.tailwindcss.com">TailwindCss</a> </li>
+  <li> <a href="https://recoiljs.org/">Recoil Js</a> </li>
+</ul>
+
+<p>
+  This is a instagram clone example but only homepage. I set up links for other pages but designing them is meaningless. The data is static, not fetching from any api. You can edit the content data from /static/example_data.js and logged user data is in atom's default value, you can edit them from /atoms/globalState.js
+  <br><br>
+  I used <a href="https://vercel.com/">vercel.com</a> for building project.
+  <br><br>
+  Best thing of building with vercel like websites is that when you change anything, I mean push a new commit, it will be re-builded again and published. 
+  <br><br>
+  <b>Note:</b> Somehow, photo slide is not working well as it is in localhost. You need to go next photo and come back to fix it. I will not work on cause of the problem as this is already an example project and already spent 2 days on this. But I am open for pull requests ^^
+</p>