Merge pull request #11 from aswanthabam/dev

SEO Improvements and Readme added

.env.production

@@ -1,3 +1,4 @@
 NEXT_PUBLIC_API_URL=https://dropitbackend.vercel.app
 # NEXT_PUBLIC_API_URL=https://dropitbackend-cixd7kdm.b4a.run
-NEXT_PUBLIC_DOWNLOAD_URL=https://dropitbackend.vercel.app
+NEXT_PUBLIC_DOWNLOAD_URL=https://dropitbackend.vercel.app
+NEXT_PUBLIC_FR_DOMAIN=https://drop-it.web.app

README.md

@@ -1,36 +1,49 @@
-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).
+![Banner Small (3)](https://github.com/aswanthabam/DropIT/assets/69764494/7b68b76a-d737-406f-ae85-98033ff5cf2a)
 
-## Getting Started
+DropIT is a file sharing platform that makes file sharing across the internet simple and fast. With DropIT, you don't need an account to share a file of any type, and you can share it with anyone using a simple, memorable code similar to an OTP.
 
-First, run the development server:
+### What problem did DropIT solve? 🤔
 
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
+I'll share one of my experiences here. I was in a situation where I needed to share a small file with 20 computers from my phone within 5 minutes. All the computers had an internet connection, but no file-sharing options were available, and I didn't have any cables with me. I had two options: first, log in to my email on all systems and send the file via email (which is not possible in 5 minutes), or second, upload it to Google Drive and download it on each system (but Drive links are too complex to type manually on all systems). That's why I couldn't complete the task.
 
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
+#### If DropIT was available, what would I do? 💡
 
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
+If DropIT was available, I would upload my file to [DropIT](https://drop-it.web.app), set the usage limit to 20, and then get the code for that file. The code would be simple and memorable, like *A-956233*. Then I could go to each system, type in this code, and boom 💥, the file would be downloaded.
 
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
+## Features ✨
 
-## Learn More
+DropIT offers the following features:
 
-To learn more about Next.js, take a look at the following resources:
+- **Simple and Fast File Sharing** 🚀: Easily share files quickly without any hassle.
+- **No Login Required** 🔐: Share files without the need to create an account.
+- **Memorable Sharing Codes** 🔢: Share files using a simple, memorable code similar to an OTP.
+- **Security and Privacy** 🔒: Every file is stored as buffers and will be deleted once the usage limit is exceeded.
+- **User-Friendly Interface** 👍: Enjoy a simple and intuitive user interface.
 
-- [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.
+## Usage Limits 📊
 
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
 
-## Deploy on Vercel
+I set some limits for my product (for a reason). These limits are listed below:
 
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
+| | |
+| --- | --- |
+| Maximum file upload size | 30 MB 📂 |
+| Daily upload limit | 100 MB 📊 |
+| Maximum usage limit for a file | 20 📥 |
+| File expiration | In 10 days ⏰ |
 
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
+## Tech Stack 🛠️
+
+Below is the tech stack we used to build DropIT:
+
+| | |
+| --- | --- |
+| Next.js | [![My Skills](https://skillicons.dev/icons?i=next)](https://nextjs.org/) |
+| FastAPI | [![My Skills](https://skillicons.dev/icons?i=fastapi)](https://fastapi.tiangolo.com/) |
+| Edge Functions (Vercel) | [![My Skills](https://skillicons.dev/icons?i=vercel)](https://vercel.com/) |
+| MongoDB | [![My Skills](https://skillicons.dev/icons?i=mongo)](https://www.mongodb.com/) |
+| Supabase Storage | [![My Skills](https://skillicons.dev/icons?i=supabase)](https://supabase.com/) |
+
+## Contributing 🤝
+
+I ❤️ contributions to my project, but please make sure to open an issue for what you are changing (let's discuss it), and after that, create a pull request.

app/layout.tsx

@@ -8,7 +8,35 @@ const inter = Inter({ subsets: ["latin"] });
 
 export const metadata: Metadata = {
   title: "DropIT",
-  description: "Share files easily.",
+  description:
+    "DropIT is a fast and simple file-sharing platform. Share files without an account using a memorable code, ensuring easy and quick transfers across the internet.",
+  keywords:
+    "dropit, file sharing, instant file sharing, effortless file sharing, no account needed, simple file sharing, quick file transfer, DropIT, code-based file sharing, fast file sharing, secure file sharing",
+  authors: [
+    {
+      name: "Aswanth V C",
+      url: "https://aswanthvc.me",
+    },
+  ],
+  openGraph: {
+    type: "website",
+    url: "https://drop-it.web.app",
+    title: "DropIT",
+    description:
+      "DropIT is a fast and simple file-sharing platform. Share files without an account using a memorable code, ensuring easy and quick transfers across the internet.",
+    siteName: "DropIT",
+    images: [
+      {
+        url: `${process.env.NEXT_PUBLIC_FR_DOMAIN}/banner.png`,
+      },
+    ],
+  },
+  twitter: {
+    card: "summary_large_image",
+    site: "@_aswanthvc",
+    creator: "@_aswanthvc",
+    images: `${process.env.NEXT_PUBLIC_FR_DOMAIN}/banner.png`,
+  },
 };
 
 export default function RootLayout({