App definitions
This page provides all description and technical details of the TaskNote app.
In a nutshell, I'm looking for really simple, clean and minimal pages. The app aims to be used in Desktop and Mobile web browsers.
- Landing
- Login
- Signup (could be very similar to login)
- Home
- Task and Notes management through modal in the Home page (Add/Edit/Delete/Mark as complete)
Simple page with brief description. White background, no background images. Login button and sign in button.
Ask for email and password. Button for forgotten passwords/recover. No login with Google, or any other third party.
Ask for email and password.
Simple, clean and minimal page. Button or card covering the upper half of the page to add an item, that could be either a task or a note. Search bar, large. It could be below the add card, or it can be like a toggle, when clicked to search, turn the add card into a search card. In the rest of the page, below, display all added items. Maybe in a greed style, cards? Open to suggestions
It could be a navbar in the top or in the left. Since there are only a few pages and functions I'm looking for something clean. Also we need to have a Logout button.
What's a Task look like?
- Description. Text up to 1000 characters
- High priority? Yes or no
- Complete? Yes or no
- One or more links
- One or more Tags
What's a Note look like?
- Description. Text up to 1000 characters
- One or more links
- One or more Tags
Design System
- React + Bootstrap CSS v5
- Storybook (kind of): https://react-bootstrap.netlify.app/
- Bootstrap Design System: https://getbootstrap.com/docs/5.3/getting-started/introduction/
Primary colour:
- Light green
- Hex #61cd8d
- RGB (97, 205, 141)
Colour preview
Logo
