https://github.com/jhordyess/cornell-notes-generator

A simple Cornell notes generator with React.
https://github.com/jhordyess/cornell-notes-generator

cornell-notes notes react

Last synced: 9 months ago
JSON representation

A simple Cornell notes generator with React.

• Host: GitHub
• URL: https://github.com/jhordyess/cornell-notes-generator
• Owner: jhordyess
• License: mit
• Created: 2021-09-26T01:38:33.000Z (over 4 years ago)
• Default Branch: main
• Last Pushed: 2023-04-13T19:48:38.000Z (about 3 years ago)
• Last Synced: 2023-05-01T20:33:31.939Z (about 3 years ago)
• Topics: cornell-notes, notes, react
• Language: JavaScript
• Homepage: https://jhordyess.github.io/cornell-notes-generator/
• Size: 3.04 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • Changelog: history.sh
  • License: LICENSE

Awesome Lists containing this project

README

          
# Cornell Notes Generator

A simple Cornell notes generator with [React](https://reactjs.org/).

After learning how to take the best notes, I create this.

## Description

Choose the color with the picker, then the pdf is automatically re-rendered.

Default properties: letter paper, double-sided, 1cm of margin, portrait letter, and some predefined values.

### Technologies Used

- JS Libraries: [ReactJS](https://reactjs.org/), [React-pdf](https://react-pdf.org/), [React Color](https://casesandberg.github.io/react-color/)

- Font: [Alegreya Sans by Juan Pablo del Peral, Huerta Tipográfica](https://fonts.google.com/specimen/Alegreya+Sans)

- Programming Language: [JavaScript ES6+](https://developer.mozilla.org/en-US/docs/Web/JavaScript)

- Bundler: [Webpack](https://webpack.js.org/)

- Hosting: [GitHub Pages](https://pages.github.com/)

- Dev Environment: [VSCode](https://code.visualstudio.com/) with [dev containers](https://code.visualstudio.com/docs/remote/containers) in [Zorin OS](https://zorinos.com/)

### Online

Visit the project at: [https://jhordyess.github.io/cornell-notes-generator/](https://jhordyess.github.io/cornell-notes-generator/).

### Screenshot

![Home](https://res.cloudinary.com/jhordyess/image/upload/v1675257291/cornell-notes-generator/home.png_rz4gd0.png)

### Evolution from LaTeX

The original idea was started with [LaTeX](https://www.latex-project.org/) and its package [TikZ](https://www.ctan.org/pkg/pgf), see the code and example: [https://github.com/jhordyess/cornell-notes-generator-latex](https://github.com/jhordyess/cornell-notes-generator-latex)

Now uses [React](https://reactjs.org/) to have more control for: lengths, rows, columns, use portrait or landscape, view in the letter or A4 size, single-sided or double-sided, and so on.

## To-Do

- Add form for customize the pdf output.

- The color picker transparency doesn't work.

- Add more features 🤔

## Contribution

If you would like to contribute to the project, open an issue or make a pull request on the repository.

## License

© 2021> [Jhordyess](https://github.com/jhordyess). Under the [MIT](https://choosealicense.com/licenses/mit/) license. See the [LICENSE](./LICENSE) file for more details.

---

Made with 💪 by [Jhordyess](https://www.jhordyess.com/)