Traakly

• 

  Traakly Landing Page

• 

  Traakly Task Tracker Page

What it does

Allows the user to quickly create a check-list of tasks they need to complete, edit it, and create sub-tasks.

How we built it

Using HTML, CSS, and JavaScript on Repl.it and VS Code, as well as Figma to brainstorm and create initial designs.

Inspiration

Wanting a quick way to make a checklist that is easy and intuitive to use, as well as choosing a project that we could reasonably create with our experience level while still learning and being challenged.

Challenges we ran into

Mainly CSS styling, determining how to display the table of tasks with HTML, as well as JavaScript in the beginning.

Accomplishments that we're proud of

Learning how to implement JavaScript in HTML with CSS and creating a functional website while collaborating with a team with little guidance.

What we learned

Figma, using JavaScript with HTML, increased familiarity with HTML and CSS, Github basics, VS Code basics, and more.

What's next for Traakly

Adding past deadline feature, sorting the task list, cleaning up the design, creating more ease of access functions.

Built With

• css
• figma
• github
• html
• javascript
• repl.it
• visual-studio-code