This is a wep app that enables the user to write Javascript code conveniently. This platform also present the user with the feature of writing documentation in markdown for the code.
The command line interface version of this app can be found at CJ-NOTE CLI and CJ-NOTE github repo.
- Repo: Github repo
- Live Site URL: Vercel Web URL
To use the app, please note the following:
- Add new cells by hovering on the divider between each cell
- Click on any cell to edit code or markdown
- Variables defined in a code cell can be referred to or used in another code cell
- Use the built-in show function to display a React component, string, number, object etc.
- Re-order or delete cells by using the buttons on the top-left
- Semantic HTML5 markup
- Flexbox
- CSS - For styles
- React - JS library
- Typescript - Ensure JS type safety
- Esbuild - Code bundler and transpiler
- React Redux - React redux
- React MD Editor - React Markdown Editor
- Monaco-Editor - Code editor
- React-Resizable - Resize react components
- localforage - JS library for storage
I improved my knowledge on and gained practical experience with the use of the following:
- Redux toolkit (specifically middlewares and thunks)
- Resizing React components
- Implementing a code editor
- Implementing a markdown editor
My implementation of this project was possible thanks to the knowledge acquired from the courses below:
- React - The Complete Guide (incl Hooks, React Router, Redux)
- Understanding Typescript
- React and Typescript: Build a Portfolio Project
Chisom Ijeomah
- GitHub - chisomije92
- Twitter - @devManiac92