Restructure react project into next app

[sujeetgund]

What does this PR do?

This PR restructures existing react app into next app. I actually didn't mean to make this PR this big but got many conflicts to restructure but I deployed it on vercel so you can check it: https://url-shortener-gssoc.vercel.app/

Features I have included in next app:

• Frontend UI
• /shorten-url api route to create short url
• /get-original-url api route to get original url from database by shortid
• On-demand MongoDB connection

FIXES #15

[vercel[bot]]

@sujeetgund is attempting to deploy a commit to the Abhijeet's projects Team on Vercel.

A member of the Team first needs to authorize it.

[abhijeetnishal]

Hey @sujeetgund, the folder structure is changed, please follow the current folder structure of client and server both are separated. Our server should be in node.js only we don't need to migrate from node.js to Next.js only client side we need whatever it's in client folder we need to migrate to next.js not from server folder as we have separate frontend and backend.

Update these changes and then i will review again and merge it.

[sujeetgund]

Okay, I will make changes accordingly!

[sujeetgund]

@abhijeetnishal How does this project structure looks?

📁url-shortener-final
    └── .env.sample
    └── .eslintrc.json
    └── 📁.github
    └── .gitignore
    └── CODE_OF_CONDUCT.md
    └── Learn.md
    └── next-env.d.ts
    └── next.config.mjs
    └── package-lock.json
    └── package.json
    └── postcss.config.mjs
    └── 📁public
        └── chain.png
        └── copy.png
        └── http.png
        └── next.svg
        └── vercel.svg
    └── Readme.md
    └── 📁server
    └── 📁src
        └── 📁app
            └── favicon.ico
            └── globals.css
            └── layout.tsx
            └── page.tsx
        └── 📁components
            └── Navbar.tsx
        └── 📁db
            └── index.ts
        └── 📁models
            └── Url.ts
    └── tailwind.config.ts
    └── tsconfig.json

[abhijeetnishal]

@abhijeetnishal How does this project structure looks?

📁url-shortener-final
    └── .env.sample
    └── .eslintrc.json
    └── 📁.github
    └── .gitignore
    └── CODE_OF_CONDUCT.md
    └── Learn.md
    └── next-env.d.ts
    └── next.config.mjs
    └── package-lock.json
    └── package.json
    └── postcss.config.mjs
    └── 📁public
        └── chain.png
        └── copy.png
        └── http.png
        └── next.svg
        └── vercel.svg
    └── Readme.md
    └── 📁server
    └── 📁src
        └── 📁app
            └── favicon.ico
            └── globals.css
            └── layout.tsx
            └── page.tsx
        └── 📁components
            └── Navbar.tsx
        └── 📁db
            └── index.ts
        └── 📁models
            └── Url.ts
    └── tailwind.config.ts
    └── tsconfig.json

Hey @sujeetgund, As i mentioned earlier we need to completely separate client and server. Currently you focus on client folder and change to next.js with tailwind considering the initial design don't focus on server folder for now.

Refer this: https://github.com/abhijeetnishal/social-media-app here the application client folder using nextjs with tailwind.

If you have any queries let me know

[sujeetgund]

I have restructured it into client and server directories. Please review and merge it.

[abhijeetnishal]

Hey @sujeetgund, I have merged this pull request to next-tailwind-app branch, mostly it looks good to me some changes are there i will fix and let you know. Great work 👍