Meta Social

Welcome to Meta Social. Meta Social is a mock social media application built as a technical test for Metaversal. It utilizes Next.js, Tailwind CSS, and Typescript to achieve a tiny but sleek peek into what a modern fullstack app looks like.

screenshot of what the app should look like on mobile.

Table of Contents

• Features ⚙️
• Technologies Used 🛠️
• How To Run 🧑‍💻
• Contact ✉️

Features ⚙️

• General Feed
  • Suggested Posts
  • Users to Follow
  • Most Recent Posts
• User Profile Feed
  • User Recent Posts
• Easter Egg! 🥚

Technologies Used 🛠️

• Next.js: A React framework for building server-side rendered and statically generated applications.
• Tailwind CSS: A utility-first CSS framework for rapid UI development.
• Shadcn Ui: A suite of fully accessible and customozable components.
• TanStack Query: Lean react library for asyncronous state management.
• TypeScript: A typed superset of JavaScript that provides enhanced tooling and developer productivity.

How To Run(Locally) 🧑‍💻

1. git clone https://github.com/CodeHadIt/meta-social.git
2. npm i / yarn i / pnpm i / bun i
3. npm run dev / yarn dev / pnpm dev / bun dev

Contact ✉️

If you have any questions, suggestions, or feedback regarding Meta Social, please feel free to reach out on X or Telegram.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!