MindRight helps you focus on what's important to you. Create a list of positive thoughts, and organize them into categories. Just click shuffle to display a random thought to remind yourself of the positives.

• Create, edit, and delete different thoughts
• Create, edit, and delete different categories for your thoughts
• Add and remove thoughts from different categories
• Add image urls to your thoughts to add a background to the thought's quote when shuffled
• Filter thoughts based on their categories
• Shuffle thoughts based on the selected categories
• Create an account and sign in

• TypeScript
• React
• SASS
• Firebase
• Cypress

1. Clone repo git clone https://github.com/mikelee/mind-right-react.git

2. Go to root of project

3. Install packages npm i

4. Start app npm start

• Navigate to /
• Click "Sign Up" or "Sign In"
• Enter credentials

• Click on the menu on the top left
• Click "Thoughts"
• Click "Add" on the top left to create a blank thought
• Click on the text input to add text
• Click on the image input to add an image url for the thought's background

• Go to a thought you want to delete
• Hover over the thought and click the X button on the top right of the thought

• Click on the menu on the top left
• Click "Thoughts"
• Click "Filter"
• Select which categories should be displayed. Thoughts that contain at least one selected category will be displayed
• Select "Contains all" to only show thoughts that contain all of the selected categories

• Click on the menu button on the top left
• Hover over "Categories"
• Click "Add"
• Type a name for the category
• Click "Submit"

• Click on the menu button on the top left
• Hover over "Categories"
• Click "Edit"
• Change the name of the categories that you want
• Click "Save"

• Click on the menu button on the top left
• Hover over "Categories"
• Double click on a category's name. This will bring up the option to confirm your choice or cancel
• Click "Delete"

• Click on the menu on the top left
• Click "Thoughts"
• Go to a thought you want to add categories to
• Click "Add" on the bottom right of the thought
• Select the categories you want to add. Only the unselected categories are shown
• Click "Save"

• Click on the menu on the top left
• Click "Thoughts"
• Go to a thought you want to delete categories from
• The categories that are assigned to the thought are displayed on the bottom left
• Click on a category to delete it from the thought

• Click on the menu button on the top left
• Hover over "Categories"
• Select which categories you want to be used

• Click on the menu on the top left
• Click "Log Out"
• You will be displayed with a page that says you have successfully logged out