https://github.com/mohaiminul375/adminsphere
https://github.com/mohaiminul375/adminsphere
Last synced: 3 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/mohaiminul375/adminsphere
- Owner: mohaiminul375
- Created: 2024-11-09T12:24:56.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-11-09T15:07:56.000Z (7 months ago)
- Last Synced: 2025-01-05T19:12:14.602Z (5 months ago)
- Language: TypeScript
- Size: 190 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🌟 Admin Dashboard Assignment 🌟
Welcome to the **Admin Dashboard Assignment**! This project will guide you in creating a functional and user-friendly admin dashboard for a social media platform using **Next.js** and API integration.
---
## 📝 Project Overview
You’ll be building a responsive admin dashboard for a social media application. The dashboard will include essential features such as **user management**, **content moderation**, and **analytics** to give admins control over user data and platform activities.
🔗 **Admin Dashboard API**: `https://api.socialverseapp.com/admin/dashboard`
---
## 🌟 Key Features
1. 👤 User Management: Easily view & track activity, referrals, and identify active users or creators.
2. 📝 Content Moderation: Monitor daily views, shares, comments, and post exits.
3. 📊 Analytics: Visualize user activity and engagement metrics daily/monthly with charts; analyze views, likes, shares, and private messages.
5. 📈 Data Visualization: Responsive charts (Chart.js/Recharts) provide insights into user engagement and content performance.
---
## 🛠️ Tech Stack
- **Frontend**: Next.js
- **Styling**: Tailwind CSS or Styled Components
- **Analytics Visualization**: Chart.js or Recharts
- **Data Fetching**: SWR or React Query for API requests
---
## ✅ Requirements
1. **📱 Responsive Design**: Ensure that the dashboard is mobile-friendly.
2. **🌐 API Integration**: Use the provided API to fetch and display user and post data.
3. **📄 Documentation**: Write clean, well-documented code, and include a detailed **README** with setup instructions and an overview of the project structure.
---
## 🚀 Getting Started
1. **Clone or Fork the repository** and install the necessary dependencies:
```bash
git clone https://github.com/Tim-Alpha/web-assignment.git
```
```bash
cd web-assignment
```
```bash
npm install
```
2. **Set up environment variables** by creating an `.env.local` file.
3. **Run the project**:
```bash
npm run dev
```
---
## 📩 Submission Process
1. **GitHub Repository**:
- Push your code to a GitHub repository with appropriate permissions.
- Ensure that the repository has **read permissions** for review.
2. **🎥 Video Explanation**:
- Record a video walk through of your project, including:
- A demo of the UI and key features
- An explanation of your code structure and logic
- A brief introduction of yourself and the project
- **Tip**: Make it engaging and informative!
- Share the video link via a platform like Google Drive or Internshala.
- Your face must be visible in the entire video explanation.
3. **Submit the Following**:
- **GitHub Link**: Your repository link
- **Video Link**: Your video walk through link
---
## 🏆 Evaluation Criteria
1. **✨ UI/UX**: Aesthetics, ease of use, and responsiveness
2. **🧑💻 Code Quality**: Readable, well-structured, and documented code
3. **🌐 API Integration**: Proper use of the provided API
4. **📅 Completion**: Submission of both the GitHub and video links, with all features implemented
Good luck, and happy coding! 🚀