Coder Social home page Coder Social logo

cwaku / to-do-list Goto Github PK

View Code? Open in Web Editor NEW
6.0 1.0 0.0 766 KB

"To-Do list" is a tool that helps to organize your day. It simply lists the things that you need to do and allows you to mark them as complete. Created with Javascript / Webpack / HTML5 / CSS

Home Page: https://cwaku.github.io/to-do-list/

HTML 3.82% JavaScript 77.01% CSS 19.17%
todo todoapp todolist todo-list todolist-application todo-app css javascript webpack

to-do-list's Introduction

Hi I'm Ricky hi

wakatime

๐ŸŒ Reach out to me!:

LinkedIn Instagram TikTok X Mail Badge


๐Ÿ’ซ About Me:

As an experienced Senior Software Developer, I bring deep expertise in Elixir, Ruby, JavaScript, and Ruby on Rails, complemented by my continuous learning in TypeScript, ReactJS, and Next.js. My extensive experience in functional and object-oriented programming, coupled with my knowledge in databases and systems administration, has allowed me to deliver high-quality software solutions consistently.

I have a proven track record in IT software design and project management, having successfully developed and deployed cross-platform financial solutions for web-based financial services applications. My proficiency in IBM DB2, Oracle, PostgreSQL, MySQL, and MS-SQL Server relational databases has been instrumental in these successes.

I take pride in my solid understanding of ISO-8583, which I have leveraged for effective financial systems integration and deployment. My experience in IT service delivery, especially in the financial sector, has honed my skills in creating robust, secure, and scalable solutions.

I am recognized for my contributions to the tech community, having won the Global Techsprint Leadership 2023. I am passionate about using technology to drive business growth and efficiency, and I am always eager to connect with other industry professionals and recruiters.

If you're searching for someone who can deliver complex projects with efficacy and precision, let's connect.

side_sticker

  • ๐Ÿ’ป Most used line of code git commit -m "Initial Commit"
  • ๐Ÿค” Iโ€™m looking for help with outstanding project ideas.
  • ๐Ÿ“ซ How to reach me: [email protected].
  • ๐Ÿ˜„ Pronouns: He/His or TeamWorker
  • Iโ€™m looking to collaborate with any Open - Source web projects
  • โšก Fun fact: I always try to learn something new and then sleep till it stores in the brain

๐Ÿ’ป Tech & Tools Preference:

Elixir Erlang JavaScript Ruby TypeScript Markdown Lua HTML5 GraphQL CSS3 C++ AWS Azure Cloudflare Datadog DigitalOcean Firebase GithubPages Google Cloud Heroku Netlify Oracle Render Vercel Chakra Express.js FastAPI Gulp Hugo Ionic Jasmine jQuery JWT Less MUI NPM NestJS Next JS NodeJS RabbitMQ Rails React React Query React Router React Hook Form Redux Remix SASS Semantic UI React Styled Components TailwindCSS Three js Vite Webpack Web3.js WordPress Yarn Apache Jenkins Nginx AmazonDynamoDB Firebase MicrosoftSQLServer MongoDB MySQL PlanetScale Postgres Redis SQLite Supabase Canva Figma Framer Gimp APACHEKAFKA AZUREDEVOPS CIRCLECI Docker GRAFANA Kubernetes Airbnb Confluence Docker ESLint Grafana Jira Kubernetes Notion OpenSea Postman Power Bi Swagger TOR Terraform Trello Uber

ย 


๐Ÿ’ฐ You can help me by Donating:

BuyMeACoffee PayPal

to-do-list's People

Contributors

cwaku avatar imgbotapp avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar

to-do-list's Issues

#morning session

  • hey @cwaku your code is perfectly well represented but for its professionalism try to remove all the code in a comment please. it gives a professional scope

Refactor status.js:completed

I've selected status.js:completed for refactoring, which is a unit of 22 lines of code. Addressing this will make our codebase more maintainable and improve Better Code Hub's Write Short Units of Code guideline rating! ๐Ÿ‘

Here's the gist of this guideline:

  • Definition ๐Ÿ“–
    Limit the length of code units to 15 lines of code.
  • Whyโ“
    Small units are easier to analyse, test and reuse.
  • How ๐Ÿ”ง
    When writing new units, don't let them grow above 15 lines of code. When a unit grows beyond this, split it in smaller units of no longer than 15 lines.

You can find more info about this guideline in Building Maintainable Software. ๐Ÿ“–


โ„น๏ธ To know how many other refactoring candidates need addressing to get a guideline compliant, select some by clicking on the ๐Ÿ”ฒ next to them. The risk profile below the candidates signals (โœ…) when it's enough! ๐Ÿ


Good luck and happy coding! :shipit: โœจ ๐Ÿ’ฏ

Refactor index.js:src/index.js

I've selected index.js:src/index.js for refactoring, which is a unit of 97 lines of code. Addressing this will make our codebase more maintainable and improve Better Code Hub's Write Short Units of Code guideline rating! ๐Ÿ‘

Here's the gist of this guideline:

  • Definition ๐Ÿ“–
    Limit the length of code units to 15 lines of code.
  • Whyโ“
    Small units are easier to analyse, test and reuse.
  • How ๐Ÿ”ง
    When writing new units, don't let them grow above 15 lines of code. When a unit grows beyond this, split it in smaller units of no longer than 15 lines.

You can find more info about this guideline in Building Maintainable Software. ๐Ÿ“–


โ„น๏ธ To know how many other refactoring candidates need addressing to get a guideline compliant, select some by clicking on the ๐Ÿ”ฒ next to them. The risk profile below the candidates signals (โœ…) when it's enough! ๐Ÿ


Good luck and happy coding! :shipit: โœจ ๐Ÿ’ฏ

DRY, KISS, and YAGNI rules.

First things first, great job with the work you've done here. I only found a few JavaScript best practices flaws you should be following in order to be a better developer.

I checked if the codebase is DRY and realised here that this particular way of indexing the array objects is repeated many times. Please go ahead and fix that. You could create a function that does that particular task and then call it whenever you need it.

for (let i = 0; i < toDoList.length; i += 1) {

Also, it's best practice to avoid for loop and use the .forEach method instead.

Last from this line

const div = document.createElement('div');

to this line
div.append(save);

does not seem to meet the KISS best practice. Always try to keep your code as simple as it can be. Try a simpler method to achieve the same result.

You got this

Refactor index.js:showList

I've selected index.js:showList for refactoring, which is a unit of 18 lines of code. Addressing this will make our codebase more maintainable and improve Better Code Hub's Write Short Units of Code guideline rating! ๐Ÿ‘

Here's the gist of this guideline:

  • Definition ๐Ÿ“–
    Limit the length of code units to 15 lines of code.
  • Whyโ“
    Small units are easier to analyse, test and reuse.
  • How ๐Ÿ”ง
    When writing new units, don't let them grow above 15 lines of code. When a unit grows beyond this, split it in smaller units of no longer than 15 lines.

You can find more info about this guideline in Building Maintainable Software. ๐Ÿ“–


โ„น๏ธ To know how many other refactoring candidates need addressing to get a guideline compliant, select some by clicking on the ๐Ÿ”ฒ next to them. The risk profile below the candidates signals (โœ…) when it's enough! ๐Ÿ


Good luck and happy coding! :shipit: โœจ ๐Ÿ’ฏ

Peer to peer code review.

Hello @cwaku

  • Good job on implementing the project. All functionalities work properly and your codebase is modular. I commend you for that ๐Ÿฅณ

Suggestions

  • I will suggest you add a keypress event to the input field for adding items to the form or use a form tag on that input so that users can just add items by pressing the "Enter" button. It's way faster than reaching out for the mouse to add items.

Cheers,
Happy coding.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.