x-days-of-anything-daily-logger

A simple log-formatter for the #100DaysOfX challenge.

This project is maintained by sylvaindessureault

My Daily Logger

A simple daily log formatter for the #100DaysOfX challenges.

Purpose

I originally created this to optimize the daily logs for the #100DaysOfCode challenge. (Click here to see my progress on the #100DaysOfCode challenge)

The user can start a timer, start the work on the challenge, enter all the information as challenge progresses and when finished, on the right side of the page, there are formatting of the information for both Twitter and Github in markdown format. Thus, with the click of a button, we can then just copy-paste and post on the appropriate platform. Further features will have direct post links.

This project started as a simple vanilla JS project, which you can see the code here. After I took Brad Traversy’s MERN stack course, I decided to migrate the project to a full-blown MERN stack web application.

For more information about this, see the now closed MERN stack project or visit my blog for the full write-up of the migration.

Home Page

Login / Sign up

If you do not have an account, simply click on signup.

Main dashboard

This is an example of a dashboard where the user does not have a profile.

Create a profile

In the dashboard, the user can create a profile with the option to enter social links icons.

The user can also create an open challenge or a completed one.

Here is an example of a dashboard with profile, but no challenges.

Here is an example of a dashboard with profile, with challenges.

Edit a profile

Still in the dashboard, the user can edit the profile.

Daily Logger

This is the core purpose of the application, where the user can start a timer, and enter all the daily information as the coding challenge progresses and when finished. On the right side of the page, there are formatting of the information for both Twitter and Github in markdown format. Thus, with the click of a button, we can then just copy-paste and post on the appropriate platform.

Daily Logging

This is an example of the daily logger in action.

Daily Log History

The application also stores the daily logs to a database. Hence, the user can track his progress within a single place, and even edit past logs if there was a mistake when logging or simply if there are additions to be made.

Live Demo

Click here for a live demo of the web application.