Create T3.md

source/_posts/T3.md

@@ -0,0 +1,61 @@
+---
+title: Task 1
+tags: Web Development
+domain: Open Source
+author: Author - Harine Vidyasekaran & Skandha VS
+---
+<hr>
+
+**<span style="color: #FF6363; font-size: 1rem;">Question 1</span>**
+
+**Create a detailed poster card for a cartoon/anime character, movie/book character, game character, or your own made up character.
+(Something sort of like a Pokémon card / Cricket attax card but slightly bigger and cooler)**
+
+_Objective:_
+- Design an attractive poster card showcasing your character's skills/facts/strengths/weaknesses/attributes.
+- Make the design look as elaborate and enhanced as possible
+- Potrait/Landscape
+
+_Requirements:_
+- Include a picture of your character.
+- Include a comprehensive description of your character's skills/facts strengths/weaknesses/attributes.
+- Use creative and innovative design techniques.
+- Make sure the design is eye-catching & fun
+
+**Use Adobe Xd or Figma for this task.**
+
+_References:_
+- [<span style="color: #FFC0CB;">Figma Basics</span>](https://www.youtube.com/watch?v=FTFaQWZBqQ8&pp=ygUOZmlnbWEgdHV0b3JpYWw%3D)
+<hr>
+
+**<span style="color: #FF6363; font-size: 1rem;">Question 2</span>**
+
+_HTML, CSS and JavaScript Task_
+
+**The task is to make a To-Do web application using basic JavaScript and host the website in GitHub Pages.**
+
+The following functionality should be present on your Web App.
+
+```lua
+1. A Way To Add The Title, Description, Deadline Of The Task While In Creating A New Task
+
+2. A Way To Delete Selected Tasks
+
+3. Display The Total Number Of Tasks Remaining After Completing Some
+
+4. A Way To Clear All Completed Tasks
+
+5. Display The Completed Tasks With A Strike Through Over The Title
+
+6. Use Your Own Ideas To Create A Better UI
+
+7. Make Sure The Tasks Description, Deadline Is Only Visible If You Click That Particular Task! Otherwise, It Should Be Hidden.
+
+8. Add animations using CSS (if required).
+
+9. Easy to read font size, consistent colors, and relevant background image are required.
+```
+_References:_
+- [<span style="color: #FFC0CB;">Hosting in Github Pages</span>](https://www.youtube.com/watch?v=OltY8JIaP-4)
+- [<span style="color: #FFC0CB;">Todo list</span>](https://www.youtube.com/watch?v=cOUNOi297Mw)
+(This is just a reference To-Do App, your app should have the functionalities mentioned above)