The DEV Analytical - More analytics on your posting
Tags: appwritehack, webdev, javascript, beginners
Published: 2022-05-12 15:02:16

[Itructions]: # (To submit to the Appwrite Hackathon on DEV, please fill out all sections.)

## Introduction

Coding Hackathons are a great way of improving your programming skill along with that you also get opportunities to work with new and different tools. I think it is an essential thing for Tech Writers and non-coding technical jobs for getting their hands dirty with code. It will also inspire writers to create more content on tools and experience.

Recently, I developed a habit of participating in at least one hackathon in a month. It's not hard for finding a hackathon, you can find almost one hackathon every month on [dev.to](https://dev.to/). 

![Hackathon](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4yu6rvabpzoq4tll71bo.gif)
 

This month, I saw [Appwrite](https://appwrite.io/) X [dev.to](https://dev.to/) hackathon which got me excited. I can learn the Appwrite tool and develop a project with it.

Here is my submission to the hackathon, The DEV Analytical. Let's find out more in the next section.


## Overview of My Submission

[Note]: # (Share what you built, how you built it, and the inspiration behind the idea! Please make sure the project links to the appropriate GitHub repository, and includes the [Apache-2 permissive license](https://www.apache.org/licenses/LICENSE-2.0)  and README.)

The DEV Analytical application will help you in extending the existing analytical provided by dev.to for your articles. These projects I always wanted to build, and during this hackathon, they came into existence. 

It uses the DEV API key to fetch the required data for analytical purposes. You just need to enter the key, the rest will be available to you on the `dashboard` page. Right now it provides the following data
- Basic
  - Post
  - Follower
  - Reactions
- Advance
  - Views of Last 5 Articles (Line Graph)
  - Top 5 tag(Bar graph based on views)
  - Total Comment
  - Total reading time for all your articles

I would love to add more analytical to the apps such as
- The best time for article posting
- Fun Facts
- Other

### Appwrite Authentication

I have used Appwrite to create authentication. You can access the analytical without authentication too. Authentication will let you store the key in the appwrite database. This will help you as you don't have to enter the key every time. 

## Submission Category: 

**Web 2 Wizard**

### Link to Code

[Note]: # (Our markdown editor supports pretty embeds. Try this syntax: `{% embed link_to_your_repo %}` to share a GitHub repository)

You can find the code below :

{% github https://github.com/surajondev/devto-analytics %}

## Additional

## Screenshot

## Landing Page

# ![Landing Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/yxqe66b8tpzo0wqrtzzh.png)

### Register Page

![Register Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/ie6ms6e109xli3wb7wck.png)
 

### Login Page

![Login Page](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/93eu9lkjmauyom8ir9ap.png)
 

### Dashboard Page

![Basic Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/nm8wddx8zid2m1lhe80s.png)

![Last 5 Article](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/hqkl25qmjh8h1tbhzoa9.png)
  
![Advance Dashboard](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/fbbiimam9bilgrhdx9a4.png)
 
![Top 5 Tags](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/qj7yiu5tb2y2pq3f4kfk.png)
 
##  What I learned?

During this Hackathon, I was able to learn more about the backend process while working with Appwrite. Before starting the hackathon, I was having least idea about the Appwrite tool. I learned Appwrite through video tutorials and [docs](https://appwrite.io/docs). I find it a very useful tool for managing all your backend in one place and with very ease.


## Conclusion

This hackathon was fun in terms of learning and development. I might go on adding more features and improving the project even after the hackathon. I believe it will be useful for me to get more analytical out of my data. 

In the future, I will deploy the project to other users. I will keep you updated about it. 

I hope, you like the post. Thanks for reading the blog post.