Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/jefferson1104/personal-notes
A tool for creating personal notes via typing or speech transcription, utilizing browser resources like the Speech Recognition API. Built with Vite, ReactJS, Tailwind CSS, and TypeScript for efficient organization of ideas.
https://github.com/jefferson1104/personal-notes
radix-ui react tailwindcss typescript vite
Last synced: 2 days ago
JSON representation
A tool for creating personal notes via typing or speech transcription, utilizing browser resources like the Speech Recognition API. Built with Vite, ReactJS, Tailwind CSS, and TypeScript for efficient organization of ideas.
- Host: GitHub
- URL: https://github.com/jefferson1104/personal-notes
- Owner: jefferson1104
- Created: 2024-02-23T22:15:50.000Z (9 months ago)
- Default Branch: main
- Last Pushed: 2024-03-13T13:21:37.000Z (8 months ago)
- Last Synced: 2024-03-13T14:38:57.615Z (8 months ago)
- Topics: radix-ui, react, tailwindcss, typescript, vite
- Language: TypeScript
- Homepage: https://the-personal-notes.netlify.app
- Size: 1.49 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
PERSONAL NOTES
## :memo: About project
This project features a tool dedicated to creating personal notes conveniently. It offers the ability to create notes through typing or direct speech transcription, leveraging browser resources such as the Speech Recognition API. The main technologies employed in the development of this project include Vite, ReactJS, Tailwind CSS, and TypeScript. Explore the convenience and efficiency of this application to organize your ideas and thoughts in a simple and accessible manner.
## :rocket: Technologies
- [Vite](https://vitejs.dev/)
- [ReactJS](https://react.dev/learn)
- [TypeScript](https://www.typescriptlang.org/)
- [Tailwind CSS](https://tailwindcss.com/)
- [Radix UI](https://www.radix-ui.com/primitives)
- [Lucide](https://lucide.dev/guide/packages/lucide-react)
- [Sonner](https://sonner.emilkowal.ski/)## :cyclone: Run this project
```bash
# Clone this project
$ git clone https://github.com/jefferson1104/personal-notes.git# Project directory
$ cd personal-notes# Install dependencies
$ npm install# run the project as development mode
$ npm run dev# open in your browser
http://localhost:5173
```## :art: Screenshots