Grand Task

• 

  Landing Page

• 

  Home page

• 

  User Input Form

• 

  Work in Progress

Inspiration

This project was inspired by my grandmother. She teaches me the importance of caring for the elderly people in my life.

What it does

Grand Task is a website that allows different members of a family schedule, collaborate and assign tasks to help their elderly family members with everyday tasks and such as:

• doctor's appointments -shopping trips -daily walks and exercises -weekly dinners -household chores The goal of this project was to include these features: -family members can “pick” up tasks and not overlap -users can integrate their calendars to see if they can pick up tasks -grandparents or admin can assign tasks between different family members.

How we built it

I created a mockup of Grand Task with Figma. I then used HTML and CSS to bring the design to life along with some JavaScript to add some interactivity.

Challenges we ran into

I struggled with the form page to allow the user to add tasks, I wanted to make it appear only when a button was pressed. After a long time, I realized I was simply missing brackets in the script tags of my html file.

Accomplishments that we're proud of

I'm proud that I have a small form on my page that takes user input.

What we learned

I learned how to: -create forms in HTML, CSS, and JS - create and style a navbar with links in HTML and CSS

What's next for Grand Task

My plan for Grand Task is to complete the frontend which has a lot of missing sections and power it with a backend of node.js and use a database to store the user data and input.

Built With

• css
• figma
• github
• html
• javascript