/Social-Media-Analytics-Dashboard

This project is an Analytic Dashboard Template built with React.js and Chart.js. It showcases dummy analytical data through interactive charts. The template is customizable for various use cases.

Primary LanguageJavaScript

Social Media Analytics Dashboard

This project is a Social Media Analytics Dashboard developed using React.js. It is a frontend project that provides users with insights into their social media performance across platforms such as Twitter, YouTube, Instagram, and Facebook.

Website

Features

  • View analytics data for different social media platforms.
  • Display metrics such as likes, views, followers, posts, and shares through a mock API (static JSON data).
  • Visualize analytics data using line charts.
  • Create and schedule social media posts.
  • Simple user authentication system.

Technologies Used

  • React.js
  • Chart.js for data visualization

Setup Instructions

  1. Clone the repository to your local machine.
  2. Navigate to the frontend directory and run npm install to install frontend dependencies.
  3. Start the frontend server by running npm start.

Usage

  1. Access the Social Media Analytics Dashboard through the provided URL.
  2. Explore different analytics metrics by clicking on the respective social media platform.
  3. Schedule social media posts by filling out the form in the "Create New Post" section and clicking "Schedule Post".

Folder Structure

social-media-dashboard/
│
├── public/
└── src/
    ├── components/
    ├── App.js
    ├── index.js
    └── ...

Credits

  • Social media icons by FontAwesome.
  • Data visualization powered by Chart.js.

License

This project is licensed under the MIT License.

Screenshots and Demo Videos

Check out the screenshots and demo videos to see the dashboard in action:

image image image image image