Hello, Wicky here! Welcome to my Timeline template app #01, made with ReactJS, featuring cool style timeline format, and even users who don't know coding can use this easily too via Timelines.js!
- Title, description of timeline node
- Priority assignment (icon, text)
- Date (yyyy/mm/dd) format to denote which date the timeline node occured
- A cool Timeline tree view (thanks to MUI)
- Context section (hidden behind timeline node)
- A non-coder friendly format to easily add timeline without coding or JSON (maybe a bit of it, but it's easy to understand). Just use a few tags and done
The demo of the project can be found here https://wickyplays.github.io/react-timeline-template-01
In this tutorial, we prefer you to use Git to clone the app to yours.
- Download Git into your desktop and clone it to your directory via
git clone <url of this repo>If you don't want to use Git, just download the ZIP source code from the green button which says "Code". - Setup the code which you just downloaded by initializing
npm installon the directory of the downloaded code (Please install Node.js first!!). - Change the priority tag based on your need in
Constants.js. The example should tell you the format you need to change. Get the icons easily via https://mui.com/material-ui/material-icons/ - Follow the example of what's in
Timelines.jsand modify it with your favorite (or hate) event log. Format of the date should be year first, month second then day after. - To run the app, use
npm start. - That's it!
We allow pull requests! Show us your best upgrade for this template via contribution.
This project is free to use, modify, and redistribute under MIT license.
If you like my project(s) so far, you can support me for any active developments and deliveries!
Link: https://ko-fi.com/wicky