/react-take-home

Notion like text editor

Primary LanguageTypeScript

Take Home FrontEnd Assignment

This is a simple notion like text editor with the functionalities.

-The user can choose the header they want.

-The user can hightlight the text enter and bold it, choose a different header or change color.

-A user can also click add block to add another block.

Built with

  • React for User Interface.

Additional Tools

  • Vite
  • Blocknote library
  • HTML
  • CSS

Live demo

You can watch https://loltolo-lesapiti.github.io/react-take-home/ a live demo of this project.

Test

To track linter errors locally follow these steps:

Download all the dependencies run:

npm install

Track HTML linter errors run:

npx hint .

Track CSS linter errors run:

npx stylelint "**/*.{css,scss}"

Track JavaScript linter errors run:

npx eslint ."

Authors

👤 Petro Loltolo Lesapiti

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Getting Started

To get a local copy follow these simple steps:

Clone the Github Repository

Follow these steps to clone your Follow these steps to clone my Github repo on Windows:

  1. Open Git Bash;
  • If Git is not already installed, it is super simple. Just go to the Git Download Folder and follow the instructions.
  1. Go to the current directory where you want the cloned directory to be added;
  • To do this, input cd and add your folder location. You can add the folder location by dragging the folder to Git bash.
  • $ cd '/c/Users/Documents/My Git Project'
  1. Go to the page of the repository that you want to clone.

  2. Click on “Clone or download” and copy the URL.

  3. Use the git clone command along with the copied URL from earlier;

  1. Press Enter;
  • $ git clone https://github.com/Loltolo-Lesapiti/react-take-home Cloning into Git … remote: Counting objects: 13, done. remote: Compressing objects: 100% (13/13), done. remove: Total 13 (delta 1), reused 0 (delta 1) Unpacking objects: 100% (13/13), done. Congratulations, you have created your first local clone from your remote Github repository.

    🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the [issues page](https://.

Show your support

Give a ⭐ if you like this project!

📝 License

This project is MIT licensed.