201flaviosilva / to-do-list

A project to learn multiple FE technologies

Hi There 👋

const me = {
  pt: "Sou um programador de front-end e desenvolvedor de jogos 👾, e tento ser util em geral 🥲",
  en: "I'm a front-end developer and games developer 👾, and I try to be helpful in general 🥲",
};

export default me;

---

🚧 Projects

🚧 Projects

Web

• 201flaviosilva;
• To Do List;
• Expense Trackers;
• Casino Arbor;
• Rupestre;

Games

• Snake 3D 🐍;
• Fire Cosmos 🚀;
• Super Box Jump 👾;

💪 Skills

💪 Skills

export const programming = {
	languages: ["HTML", "CSS/SASS", "JavaScript/TS", "Python/GDScript"],
	frameworksAndLibraries: ["React", "Svelte", "Phaser", "Jest/RTL/Vitest"],
	tools: ["Git", "GitHub/GitLab/Bitbucket", "VS Code", "Godot"],
};

export const design = ["Open Toonz", "Piskel/Pixil Art"];

📊 Stats

📊 Stats

Check My Social Networks

to-do-list's Issues

Remove

• Remove a individually;
• Remove all;
• Remove all completed taks;
• Remove all repeated taks;

Create a "Theme" file

Create a theme file for:

• Color;
• Spacing;
• Typography;
• Medias (media querys);
• Layers (popups, modals, etc...) (z-index);
• Animations;

Update all style files with this new theme;

Correct title of sign up page

Description

The title of the sign up part of the account page has a gaffe. It should read "Sign Up"

Image

Fix font color when creating a new input

Description

When creating a new task the font color is the some as the input so you cant read what you are writing.

Image

Individual changes

• Mark as completed;
• Mark as favorite;
• Change the title/name of the task:
  • Using a "double click" on the text to change the title;
  • Create a confirmation modal to confirm the change;

Favorites Taks

A favorite taks should always be at the top of the list

Update dependencies tree

• Remove not used dependencies
• Update dependencies

Unity tests

Create unity tests

Create a new task

The task must have the following properties:

• ID: string;
• userID: string; // getting from the current user id
• name: string;
• isFavourite: boolean;
• isCompleted: boolean;

Search the list

Deploy Storybook

Based in: #19

Log In system

• Log In;
• Sign Up
• Guest mode;

Document components with Storybook

https://storybook.js.org/

Make user system un the Home UI

Test with storybook (Interaction Testing)

https://storybook.js.org/docs/writing-tests/interaction-testing

Based: #19

Responsiveness

• Update and fix some styles