Project: 50 Projects for learn, sharpen your HTML/CSS, JS Dom Skills

Date: 9 - Dec - 2020

Functions

• 50 unique mini-projects to sharpen your HTML, CSS & JavaScript skills
• create interesting projects

Tech-Stack

• HTML/CSS
• JavaScript
• Animation
• Fetch API

Project

#	Date	Project	Repository
00	09-Dec-20	Project Sample	Repository
01	09-Dec-20	Expanding Cards	Repository
02	09-Dec-20	Progress Steps	Repository
03	09-Dec-20	Rotating Nav Animation	Repository
04	12-Dec-20	Hidden Search Widget	Repository
05	12-Dec-20	Blurry Loading	Repository
06	12-Dec-20	Scroll Animation	Repository
07	04-Jan-21	Split Landing Page	Repository
08	04-Jan-21	Form Input Wave	Repository
09	04-Jan-21	Sound Board	Repository
10	06-Jan-21	Dad Jokes	Repository
11	06-Jan-21	Event KeyCodes	Repository
12	06-Jan-21	FAQ Collapse	Repository
13	11-Jan-21	Random Choice Picker	Repository
14	11-Jan-21	Animated Navigation	Repository
15	11-Jan-21	Incrementing Counter	Repository
16	18-Jan-21	Drink Water	Repository
17	20-Jan-21	Movie App	Repository
18	25-Jan-21	Background Slider	Repository
19	25-Jan-21	Theme Clock	Repository
20	26-Jan-21	Button Ripple Effect	Repository
21	26-Jan-21	Drag & Drop	Repository
22	26-Jan-21	Drawing App	Repository
23	28-Jan-21	Kinetic Loader	Repository
24	28-Jan-21	Content Placeholder	Repository
25	03-Feb-21	Sticky Navigation	Repository
26	03-Feb-21	Double Vertical Slider	Repository
27	24-Feb-21	Toast Notification	Repository
28	24-Feb-21	Github Profiles	Repository
29	28-Feb-21	Double Click Heart	Repository
30	01-Mar-21	Auto Text Effect	Repository
31	01-Mar-21	Good, Cheap, Fast	Repository
32	01-Mar-21	Notes App	Repository
33	01-Mar-21	Password Generator	Repository
34	02-Mar-21	Animated Countdown	Repository
35	23-Mar-21	Image Carousel	Repository
36	23-Mar-21	Hover Board	Repository
37	23-Mar-21	Pokedex	Repository
38	23-Mar-21	Mobile Tab Navigation	Repository

Commit

Commit Message Format

<type>(<scope>): <short summary>
  │       │             │
  │       │             └─⫸ Summary in present tense. Not capitalized. No period at the end.
  │       │
  │       └─⫸ Commit Scope: animations|bazel|benchpress|common|compiler|compiler-cli|core|
  │                          elements|forms|http|language-service|localize|platform-browser|
  │                          platform-browser-dynamic|platform-server|router|service-worker|
  │                          upgrade|zone.js|packaging|changelog|dev-infra|docs-infra|migrations|
  │                          ngcc|ve
  │
  └─⫸ Commit Type: build|ci|docs|feat|fix|perf|refactor|test

The <type> and <summary> fields are mandatory, the (<scope>) field is optional.

Commit Message Example

• feat(similarityReports): get similarity reports and display in a grid
• update(similarityReports): add updatedDate col in the report grid
• fix(similarityReports): display correct message error
• update(global): change css system

After this project