In-browser markdown editor

I found this challenge at frontendmentor.io here.

I personally use this project as an open browser tab to quickly make personal notes or things to remember while browsing other tabs. I didn't want to spend a monthly subscription for this on the platform because I'm a broke student. So I took the idea and build it with my own twist. (Which is way more fun) 🙃

Right now, I like the current project state. It's quick and easy to use. I might add more features later if I change my mind.

• 🚀 Usage
• 🌟 Tools
• 🎓 What I learned
• 😮 Features

🚀 Usage

1. Clone the repository

git clone https://github.com/Vicba/In-browser-markdown-editor.git

2. Install the dependencies

npm install

3. Run the development server

npm run dev

4. Open http://localhost:3000 with your browser to see the result.

🌟 Tools

• Next.js 13 App Directory
• Chadcn UI
• Tailwind CSS
• Icons from Lucide
• Dark mode with next-themes

🎓 What I learned

• Learned chadcn ui components like: sheet, resizable, ...
• Doing side projects one hour a day after work isn't that hard, at the end of the week you see big results.
• Adding markdown to a project is easier then I thought.
• Refreshed my knowledge of Tailwind CSS and react context
• "Failing to plan is planning to fail." - Benjamin Franklin (but made it 😃)
• KISS -> keep it stupid simple

😮 Features

Features that I could add if i had more time. Maybe some of them are too complex for the use case.

• auth
• making it full stack
• editing the file name (now only possible if you download file)