WatchSpan Analytics

WatchSpan Analytics is a web application built to track user engagement with different types of content, including blogs and reels. The application is designed with a user-friendly interface and is styled using the Tailwind CSS framework. With the ability to navigate between different content types using arrow keys and view detailed analytics, WatchSpan Analytics provides valuable insights into user behavior.

Website Demo

watchspan.mp4

• we are pressing arrow key to change blog and reel to next.

Features

• Interactive Navigation: Easily switch between content types (blog, reel, analytics) using arrow keys for seamless navigation.

• Dynamic Content: The "Blog" and "Reel" sections showcase a variety of engaging and diverse content to capture user interest.

• Analytics Dashboard: The "Analytics" section provides in-depth insights into the time users spend on different types of content.

• Responsive Design: WatchSpan Analytics is responsive and works well across various devices, ensuring a consistent user experience.

Technologies Used

• HTML: The structure of the web pages is created using HTML for optimal accessibility and compatibility.

• Tailwind CSS: Styling is achieved using the Tailwind CSS framework, providing a modern and visually appealing design.

• JavaScript (JS): Interactive functionality, such as content switching and analytics tracking, is implemented using JavaScript.

Getting Started

1. Clone the repository: git clone https://github.com/RitickLath/watchspan-analytics.git

2. Navigate to the project directory: cd watchspan-analytics

3. Install dependencies using npm: npm install

4. Start the development server: npm start run

5. Open your web browser and visit http://localhost:3000 to see WatchSpan Analytics in action.

Usage

1. Content Navigation:

   • Use the left and right arrow keys to navigate between different content types: "Blog", "Reel", and "Analytics".

2. Content Viewing:

   • Blog: Scroll through a curated collection of insightful blog posts by pressing the arrow keys.
   • Reel: Explore various engaging reels with diverse content by using the arrow keys.
   • Analytics: Gain valuable insights into user engagement by viewing the time spent on each content type.

3. Analytics Tracking:

   • Analytics data is automatically collected and presented in the "Analytics" section.
   • The "Analytics" page shows a breakdown of the time users spend on each content type.

Contributing

Contributions are welcome! If you'd like to contribute to WatchSpan Analytics, please follow these steps:

1. Fork the repository.

2. Create a new branch: git checkout -b feature/new-feature.

3. Make your changes and commit them: git commit -m 'Add some feature'.

4. Push to the branch: git push origin feature/new-feature.

5. Open a pull request detailing your changes.

Credits

WatchSpan Analytics is developed and maintained by Ritick Lath. You can contact me at [email protected].

License

This project is licensed under the MIT License.

---

Thank you for choosing WatchSpan Analytics! We hope this application provides valuable insights into user behavior and content engagement. If you have any questions or need assistance, please don't hesitate to reach out. Happy analyzing!