docs: ✏️ Update REAMDE

Author: yashksaini-coder

README.md

@@ -1,20 +1,37 @@
-# Leetcode Journal 🚀
+![Leetcode-Journal](https://socialify.git.ci/yashksaini-coder/Leetcode-Journal/image?font=Rokkitt&forks=1&issues=1&logo=https%3A%2F%2Fskillicons.dev%2Ficons%3Fi%3Dts&name=1&owner=1&pattern=Solid&pulls=1&stargazers=1&theme=Auto)
 
-Leetcode Journal is a robust platform designed to help developers track, organize, and analyze their problem-solving journey on LeetCode. Whether you're preparing for coding interviews or sharpening your skills, Leetcode Journal ensures an intuitive and efficient experience.
+# [Leetcode Journal](https://leetcode-journal.vercel.app/)
+
+**Leetcode Journal** is a NextJS Full stack application designed to help developers track, assess, and analyze their problem-solving journey on LeetCode. It provides a better way to show the progress of a developer of their coding journey.
 
 ## Project Overview
 
-Leetcode Journal is built to address the need for systematic tracking and review of LeetCode solutions. This platform is perfect for developers who want to:
-- Save and organize their solutions.
-- Monitor progress over time.
-- Analyze performance and identify improvement areas.
-With features like advanced categorization and visual analytics, the platform aims to streamline the learning process for coders of all levels.
+<table align="center">
+    <thead align="center">
+        <tr border: 2px;>
+            <td><b>🌟 Stars</b></td>
+            <td><b>🍴 Forks</b></td>
+            <td><b>🐛 Issues</b></td>
+            <td><b>🔔 Open PRs</b></td>
+            <td><b>🔕 Close PRs</b></td>
+        </tr>
+     </thead>
+    <tbody>
+         <tr>
+            <td><img alt="Stars" src="https://img.shields.io/github/stars/yashksaini-coder/Leetcode-Journal?style=flat&logo=github"/></td>
+             <td><img alt="Forks" src="https://img.shields.io/github/forks/yashksaini-coder/Leetcode-Journal?style=flat&logo=github"/></td>
+            <td><img alt="Issues" src="https://img.shields.io/github/issues/yashksaini-coder/Leetcode-Journal?style=flat&logo=github"/></td>
+            <td><img alt="Open Pull Requests" src="https://img.shields.io/github/issues-pr/yashksaini-coder/Leetcode-Journal?style=flat&logo=github"/></td>
+           <td><img alt="Close Pull Requests" src="https://img.shields.io/github/issues-pr-closed/yashksaini-coder/Leetcode-Journal?style=flat&color=green&logo=github"/></td>
+        </tr>
+    </tbody>
+</table>
 
 ## Key Features
 
 Leetcode Journal offers the following key features:
 
-- **📝 Save Solutions:** Store and retrieve your LeetCode solutions effortlessly.
+- **📝 AI Agent:** An AI Agent that is capable of solving and providing  assistance to the developers to help them solve leetcode problems
 - **🗂️ Categorize Problems:** Tag problems by difficulty, topic, or category for better organization.
 - **📈 Track Progress:** Visualize your journey with detailed progress tracking.
 - **📊 Performance Analytics:** Leverage charts and insights to discover patterns in your performance.
@@ -23,102 +40,109 @@ Leetcode Journal offers the following key features:
 
 Leetcode Journal leverages cutting-edge technologies to deliver a seamless user experience:
 
-- **Frontend:** React.js with external UI libraries for modern, responsive design.
-- **State Management:** Context API or Redux for efficient data handling.
-- **Backend:** Django 3.0 for scalable and secure APIs.
-- **Database:** PostgreSQL for reliable and structured data storage.
-- **Visualization:** Chart.js for interactive data insights and progress monitoring.
-- **Hosting:** Vercel for a fast, optimized live application experience.
+| Frontend | ![Next.js](https://skillicons.dev/icons?i=nextjs) | ![TailwindCSS](https://skillicons.dev/icons?i=tailwind) | ![HTML](https://skillicons.dev/icons?i=html) |
+|----------|---------|----------|------------|
+| Backend | ![Node.js](https://skillicons.dev/icons?i=nodejs) | ![Express.js](https://skillicons.dev/icons?i=express) | ![Supabase](https://skillicons.dev/icons?i=supabase) |
+| Database | ![Supabase](https://skillicons.dev/icons?i=supabase) | ![Prisma](https://skillicons.dev/icons?i=prisma) | ![GraphQL](https://skillicons.dev/icons?i=graphql) |
+| Deployment | ![Vercel](https://skillicons.dev/icons?i=vercel) | ![Git](https://skillicons.dev/icons?i=git) | ![GitHub](https://skillicons.dev/icons?i=github) |
+
+
+### How can you Contrbitute to this Project? 
+
+#### 1. Fork the Repository
 
-### Setup
+To contribute to the project, you need to fork the repository to your GitHub account. You can do this by clicking on the [Fork](https://github.com/yashksaini-coder/leetcode-journal/fork) button at the top right corner of the repository page.
 
-#### 1. Clone the Repository
+#### 2. Clone the Repository
 ```bash
-git clone https://github.com/your-username/leetcode-journal.git 
+git clone https://github.com/your-username/leetcode-journal
 
 # Navigate to the project directory
 cd leetcode-journal  
 ```
 
-#### 2. Install Dependencies
+#### 3. Install Dependencies
 ```bash
 npm install  
 ```
-#### 3. Set Up Supabase
+
+#### 4. Set Up Supabase
 
 - Go to the [Supabase](https://supabase.io/) website and create an account.
 - Create a new project in Supabase.
 - Navigate to the API section and create a new API key.
 - Copy the API key and the URL of your Supabase project.
 
-#### 4. Set Up Environment Variables
-- Create a new file named `.env` in the `client` directory.
+#### %. Set Up Environment Variables
+- Create a new file named `.env` in the root directory of the project.
 - Add the following environment variables to the file:
 ```bash
 NEXT_PUBLIC_SUPABASE_URL = your-supabase-url
 NEXT_PUBLIC_SUPABASE_ANON_KEY = your-anon-key
 DATABASE_URL = your-database-url
 ```
 
-#### 4. Start the Application
+#### 6. Start the Application
 ```bash
 # Start the application  
 npm run dev 
 ```
 
-#### 5. Open the app in your browser 
+#### 7. Open the app in your browser 
 You should now be able to access the application at [http://localhost:3000](http://localhost:3000)
 
 ## Contributing
+We welcome contributions from the community! To get started, you can follow the steps below:
+
+#### 7. Create a New Branch
 
-We welcome contributions! Follow these steps to get started:
-```bash
-# Click the "Fork" button at the top-right of the repository page to create a copy in your GitHub account.
-```
-```bash
-# Clone the forked repository to your local machine
-git clone https://github.com/yashksaini-coder/leetcode-journal.git 
-```
-```bash
-# Navigate into the project directory
-cd leetcode-journal  
-```
-```bash
-#install dependencies
-npm install
-```
 ```bash
 # Create a new branch for your feature or fix
 git checkout -b feature/your-feature-name
 ```
+
+#### 8. Make sure your changes adhere to the project standards and structure. Stage all changes
+
 ```bash
-# Make Your Changes
-Make sure your changes adhere to the project standards and structure.
-# Stage all changes
 git add .
 ```
+#### 9. Commit your Changes, with a descriptive message
+
 ```bash
-# Commit the changes with a descriptive message
 git commit -m "Description of the feature or fix"
 ```
+#### 10. Push your Changes into the branch to your forked repository
+
 ```bash
 # Push your branch to your forked repository
 git push origin feature/your-feature-name
 ```
-```bash
-# Go to the original repository on GitHub and open a new Pull Request
-# Provide a clear description of your changes in the Pull Request.
-```
 
-## Contributors
-We are grateful to our contributors!
-Below is a list of all the amazing contributors who have helped make this project better:
+#### 11. Create a Pull Request
+
+- Go to the original repository on GitHub and open a new Pull Request
+- Provide a clear description of your changes in the Pull Request.
+
+#### 12. Wait for Review
+
+- Once you have opened a Pull Request, the maintainers will review your changes and provide feedback.
+
+## ✨ Contributors
+
+All Thanks to our contributors 💙
+
+[![GitHub Contributors](https://contrib.rocks/image?repo=yashksaini-coder/Leetcode-Journal)](https://github.com/yashksaini-coder/Leetcode-Journal/graphs/contributors)
+
+<img src="https://www.animatedimages.org/data/media/562/animated-line-image-0184.gif" width="1920" />
+
+## Stargazers ❤️
+
+<div align='left'>
 
-<p align="center">
-  <img src="https://contrib.rocks/image?repo=yashksaini-coder/leetcode-journal"/>
-</p>
+[![Stargazers repo roster for @yashksaini-coder/leetcode-journal](https://reporoster.com/stars/yashksaini-coder/leetcode-journal)](https://github.com/yashksaini-coder/leetcode-journal/stargazers)
 
+</div>
 
-*Connect with me on GitHub: [yashksaini-coder](https://github.com/yashksaini-coder)*
+## Forkers ❤️
 
-*Explore the live application: [Leetcode Journal Live](https://leetcode-journal.vercel.app/)*
+[![Forkers repo roster for @yashksaini-coder/Leetcode-Journal](https://reporoster.com/forks/yashksaini-coder/Leetcode-Journal)](https://github.com/yashksaini-coder/Leetcode-Journal/network/members)