/template

Engineering Template Library

Primary LanguageHTML

template

  • Welcome to my template library

Coding Templates

GIF

  • Blank HTML, CSS & JS template
  • 🔮 Future Idea #1: To create following templates with code files in respective directories and the steps to create them
    • ReactJS template
    • React + ReduxJS template
    • NodeJS template
    • Node + ExpressJS template
    • Firebase template
    • Flask template
    • Docker template
  • 🔮 Future Idea #2: To create following README templates with markdown code and usage steps
    • Graphic Design for Project template
    • Low level (Object-oriented) design for Project template
    • Project Video demo template
    • README of Project template for neat documentation
    • Project Curation table template
    • README of Project Curation for neat documentation
  • 🔮 Future Idea #3: To create mini markdown README templates for neat documentation and ease of use
  • 🔮 Future Idea #4: To create java development templates
  • 🔮 Future Idea #5: To create python development templates
  • 🔮 Future Idea #6: To create engineering templates like ML, Blockchain, IoT, Data Analytics, Quantum Computing, ...

README Templates

README card of GitHub Repository

  • Example of template GitHub Repository:







  • Markdown Code for the above example
<a align="left" href="https://github.com/AswinBarath/template" title="template"><img align="left" src="https://github-readme-stats.vercel.app/api/pin/?username=AswinBarath&repo=template&theme=react&border_color=61dafb&border_radius=10"></a>

README table

  • Example of a simple README table
This is Header 1 This is Header 2
This is Row 1 Col 1 This is Row 1 Col 2
This is Row 2 Col 1 This is Row 2 Col 2
  • Markdown code for the above table
| This is Header 1 | This is Header 2 |
| - | - |
| This is Row 1 Col 1 | This is Row 1 Col 2 |
| This is Row 2 Col 1 | This is Row 2 Col 2 |
  • Example of README table filled with GitHub Repositories of Data Structures

YouTube video README card

  • Example of README card of my event: JavaScript Roadmap - Basics YouTube video

JavaScript Roadmap - Basics

  • Markdown code for the above card
  • Usage: Just replace ry8i5Qam7RI with your YouTube video Hash string
[![JavaScript Roadmap - Basics](https://img.youtube.com/vi/ry8i5Qam7RI/0.jpg)](https://www.youtube.com/watch?v=ry8i5Qam7RI)

Calendar progress tracker

January 2022

Su Mo Tu We Th Fr Sa
- - - - - - 1 ✅
2 ❌ 3 ✅ 4 ✅ 5 ✅ 6 ✅ 7 ✅ 8 ✅
9 ❌ 10 ✅ 11 ✅ 12 ✅ 13 ✅ 14 ✅ 15 ✅
16 ❌ 17 ✅ 18 ✅ 19 ✅ 20 ✅ 21 ✅ 22 ✅
23 ❌ 24 ✅ 25 ✅ 26 ✅ 27 ✅ 28 ✅ 29 ✅
30 ❌ 31 ✅ - - - - -

Credits

  • Shoutout to James Clear (Author of Atomic Habits) for sharing the idea of Progress Tracker in his book Atomic Habits
  • Dr. Angela Yu (Developer & Lead Instructor) for sharing a habit tracker printout template with her course
  • And myself 😅 Aswin Barath (Proud Owner of Repo) to mix-match ideas into this repository for the first time in my GitHub profile

Usage

  • Click the dates to check out the commits
  • Progress type:
    • ✅ Consitency
    • ❌ Broke the chain
  • 404 Error implies that it's private repository for now, wait till it's made public
  • Markdown code for the above card
| Su | Mo | Tu | We | Th | Fr | Sa |
| - | - | - | - | - | - | - |
| - | - | - | - | - | - | [1 ✅](#) |
| [2 ❌](#) | 3 | 4 | 5 | 6 | 7 | 8 |
| 9 | 10 | 11 | 12 | 13 | 14 | 15 |
| 16 | 17 | 18 | 19 | 20 | 21 | 22 |
| 23 | 24 | 25 | 26 | 27 | 28 | 29 |
| 30 | 31 | - | - | - | - | - |