Likhaa.com

	B	C	D	E	F	G
1			Big Idea	Goal	Action Items	Descripton / References

2
3	Month 1	Week 1 & 2	Project Onboarding	Onboarding	Roadmap, Project intro
4				Channels	Sololearn, Discord, LinkedIn, Gitlab, Figma, Youtube
5				Learning	Git, Commits, Branches, Gitlab, Fork, Merge Requests, tags and semver
6
7		Week 3 & 4	First Opensource Contribution	Documentation	markdown syntax, wiki, CONTRIBUTING.md, README.md
8				Branching Strategy	feature branch, dev branch, master branch
9				First PR	feature branch, Add Author name in package.json
10				Code review	Request review, merge to master and celebrate the start of an amazing journey
11
12
13	Month 2	Week 1 & 2	Design System	Figma	Create Figma layout
14				Logo & Branding	Quick tutorial on Figma and how to find the CSS
15				Design Elements
16
17		Week 3 & 4	First Feature Release	Help Section Figma	Small fixed "?" on the bottom right of the editor, Clicking on which slides open a sheet from the right side, It will have social media links, tips , shortcuts, description, help and suport page
18				Work allocation	Concept of Sprint Planning and breaking the work in stories
19				Help section code	feature branches development
20				Code review, merge & release
21
22
23	Month 3	Week 1 & 2	Localstorage	"Save Designs" Figma	Design for "Save Current Design" button and "My Designs" list
24				JSON Data structure	Understanding the underlying data structure in Likhaa.com (Strokes Array)
25				Save Current Design button	Clicking on this button should save the current design in the Localstorage
26				My Designs button	Clicking on this should show the complete list of saved designs in the Browser's localstorage
27		Week 3 & 4	Keyboard Shortcuts	Download designs JSON	Clicking the download design button current design JSON is downloaded
28				Ctrl + s	Same behaviour as "Save Current Design" button
29				Ctrl + o	Same behavior as "My Designs" button
30				Updating docs	Update the details for the 2 new shortcuts in the "Help section"
31
32
33	Month 4	Week 1 & 2	First Bug Fix	pen dislocation on resize	Understanding the Bug and being able to re-create it at will , RCA (Root Cause Analysis)	Whenever Browser resizes then Pencil loses it's actual position
34				Bug fix plan
35				Bug fix code
36				Release bug fix
37		Week 3 & 4	Second Feature: Right click Polygons	Feature discussion	When clicking on Right click, It creates a dot and connects it with the last dot	Requires clear understanding of flow of events for click
38				Propose approach	Understand the current flow for cancvas drawing and come up with a proposed solution
39				Code feature	Code the new feature
40				Regression testing and release	Regression testing is the concept of testing all the existing features after new code changes	Create a checklist of all the features , document it in CONTRIBUTING.md and check all of them after code changes
41
42
43	Month 5	Week 1 & 2	Mobile Support	Touch event on Mobile	Understanding touchevents in Mobile phone and correlating it with mouse events
44				Longtouch Polygons Code	Same feature as above Right click Polygons but on long touch press on screen
45				Regression test
46				review and release
47		Week 3 & 4	Responsive Designing	Responsive Strategy	Mobile or Desktop First (In our case Desktop first approach)
48				Buttons bar styling	Navbar conditional styling to make it look consistent across all screen sizes	great Opportunity to explore Chrome Dev Tools
49				Help section styling	help section conditional styling to make it look consistent across all screen sizes	In mobile devices Help section should slide up from below
50				Regression & release
51
52
53	Month 6	Week 1 & 2	AI Shapes part 1	Basics of AI Machine Learning		Will be sharing an interesting Freecodecamp video lecture for this
54				Discussing an approach
55				Rectangle Mode	before AI solution we will impement a Rectangle button	click on rectangle Mode, then click and drag to create a rectangle , mouse release to make it final
56				Circle Mode	before AI solution we will impement a Circle button	click on circle Mode, then click and drag to create a circle , mouse release to make it final
57		Week 3 & 4	AI Shapes part 2	Shapes interface	Will create a sample likhaa console interface to capture the pixels for shapes
58				Sample Shape dataset	Create sample rectangles and circles designs to train an AI model
59				Shapes Classification KNN	classify shapes using a distance-based method, such as the k-nearest neighbors (KNN) algorithm
60				Shapes AI mode button	When "Shapes AI" mode is on then it detects the shapes and draw a perfect rectangle or circle based on the drawn size
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100