This project is an admin dashboard template designed for managing a social media platform. It is built using Next.js, TypeScript, and Tailwind CSS for styling. The dashboard includes sections for managing users, data visualization, and other essential admin functions.
- Responsive admin dashboard layout 📱
- User management and analytics sections 📊
- Built using Next.js, TypeScript, and Tailwind CSS ⚡
Before running the project, ensure you have the following installed:
- Node.js (v14 or above) 🚀
- npm or yarn 🧶
-
Clone the repository:
git clone /~https://github.com/sayan365/Admin-dashboard-for-a-social-media.git
-
Navigate into the project directory:
cd Admin-dashboard-for-a-social-media
-
Install the dependencies:
npm install
-
Start the development server:
npm run dev
Your app will be live at http://localhost:3000 🌐.
You can view the live demo of the project here.
. ├── components # Contains reusable UI components │ ├── Sidebar.tsx │ ├── Navbar.tsx │ └── DashboardCard.tsx ├── pages # Next.js pages │ ├── index.tsx # The main dashboard page │ ├── login.tsx # Login page (if applicable) │ └── analytics.tsx # Analytics page (for data visualization) ├── styles # Tailwind CSS setup │ ├── globals.css # Global styles │ └── tailwind.config.js ├── public # Static assets (images, icons, etc.) └── tsconfig.json # TypeScript configuration
markdown Copy code
- Next.js: React framework for building server-rendered applications 🚀
- TypeScript: Superset of JavaScript for type safety 🔐
- Tailwind CSS: Utility-first CSS framework for styling 🎨
- React: JavaScript library for building user interfaces ⚡
This project is licensed under the MIT License - see the LICENSE file for details.
- Thanks to the open-source community for providing such useful libraries and frameworks 💡