Skip to content

Effective Notes is a simple web project for managing note cards. It was created using JavaScript, ReactJS, Material UI, and JsonServer as a mock database.

License

Notifications You must be signed in to change notification settings

rafaelfigueredog/EffectiveNotes

Repository files navigation

Effective Notes

Effective Notes is a simple web project for managing note cards. It was created using JavaScript, ReactJS, Material UI, and JsonServer as a mock database. The goal of the project was to gain experience in developing web applications using modern tools and frameworks.

Usage

Brainstorming mode (save your ideas).

Brainstorming mode

Productive mode (Kanban)

Kanban

Getting Started

The application is hosted at https://effectivenotes.netlify.app/ Users can begin using the app immediately.

To run the application locally:

  1. Clone the repository:
$ git clone https://github.com/rafaelfigueredog/effectiveNotes.git
  1. Navigate to the cloned repository:
$ cd effectiveNotes
  1. Install the dependencies:
yarn install
  1. Start the local server:
$ yarn start

Features

Effective Notes offers a range of features to help users manage their note cards effectively:

  • Create a note card: Users can create a new note card by clicking the "Add note" button and filling in the details of the note.
  • Delete a note card: Users can delete a note card by clicking the "Delete" button on the note card.
  • Select color for note card: Users can select a color for the note card to help categorize it.
  • Switch between light and dark mode: Users can choose between light and dark mode to suit their preferences.
  • Dynamic form for creating note cards: The note card form updates in real-time as the user types, making it easy to see what the final note will look like.
  • Productive mode (Kanban): Users can switch to Kanban mode to view their note cards as a list of tasks to be completed. This is useful for users who want to be more productive and stay on top of their tasks.
  • Brainstorming mode: Users can switch to brainstorming mode to save their ideas and thoughts for later. This mode is useful for users who want to brainstorm ideas for a project or creative endeavor.

Future features

We are always looking for ways to improve Effective Notes. Some features we are considering for future updates include:

  • Create categories for note cards: Users can organize their note cards into categories for easier management.
  • Edit an existing note card: Users can edit the details of an existing note card, rather than having to delete and recreate it.
  • Add a checklist to a note card: Users can add a checklist to a note card to help them stay organized and on top of their tasks.
  • Trash: Users can move note cards to a trash folder instead of deleting them immediately. This can help prevent accidental deletions and make it easier to recover important notes.

License

Effective Notes is MIT licensed. See the LICENSE file for details.

About

Effective Notes is a simple web project for managing note cards. It was created using JavaScript, ReactJS, Material UI, and JsonServer as a mock database.

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published