Browser markdown editor

Designed by Frontend Mentor

Table of contents

• Overview
• Website
• Built with
• What I learned
• Install process
• Build process

Overview

Recently, I’ve been reading Vitest and testing library docs. I made this project to start writing UI tests. I also added toast alerts and docs saving in localStorage.

Website

App live demo

Built with

• TailwindCSS
• React
• Vite
• Vitest
• Testing Library
• TypeScript
• Redux Toolkit
• React Hot Toast
• localStorage Web APIs
• React Markdown

What I learned

• Vitest and Testing Library configuration and setup
• testing UI rendering and user interactions
• mockup functions
• using React Markdown
• writing Redux Toolkit thunks
• creating dark theme with TailwindCSS

Install process

1. install Node.js
2. navigate to project folder in command line
3. run npm install
4. run npm run dev

Build process

1. open project folder in command line
2. run npm run build