Bantealem / notion-like-editor

Notion-Like-Editor-React-App

This react app is a simple notion like editor app. It changes the text to different types of style and font size.

Built With ⚙️

• Major languages: HTML, CSS, & JavaScript.
• Frameworks: React & Redux.
• Linters: Lighthouse, Webhint, Stylelint & ESLint.
• Technologies used: NPM, Webpack, & Jest Library.
• Tools: Git, Gitflow, GitHub, VS Code, & Chrome Browser.

Getting Started

To get a local copy up and running follow these simple example steps.

Prerequisites

• Basic Knowledge of HTML, CSS, & JavaScript.
• Basic knowledge of React fundamentals.
• Basic knowledge of ES6 syntax.
• Basic knowledge of Git & GitHub.
• Basic knowledge of Linters.
• Basic knowledge of Webpack.
• Basic knowledge of Jest unit-testing library.
• Basic knowledge of VS Code or any other code-editors.

Setup

• Create a new Notion folder and move into it.
• Open the Command Prompt (CMD) in the current directory (Notion Folder).
• Run the following command:

Live Demo

Live

$ git https://github.com/Bantealem/notion-like-editor.git

• Once finished you should see a new folder called notion-like-editor folder in your current directory.
• Start customizing the project so it fits your personal preferences and needs.
• Enjoy your new professional Notion Like Editor application!

$ npm install

Run tests

We used the Jest library for testing the project.

$ npm test

Author

👤 Bantealem

• GitHub: Bantealem
• Twitter: Bantealem
• LinkedIn: Bantealem

Show your support

Give a ⭐️ if you like this project!

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.