kulakovd / notes-app

The clone of Apple's notes app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Notes App

Exactly like Apple's notes app but web version (so windows users can write notes too).

Try it out right now (hosted on firebase)

Top features

  1. Create new note
  2. Remove note
  3. Make some text bold or italic
  4. Mobile-friendly UI
  5. Dark mode
  6. Amazing offline experience

The technical details

This project was bootstrapped with Create React App.

Libs used:

  • Redux for the state managment
  • TailwindCSS to avoid writing css
  • Dexie to store notes in the IndexedDB
  • Workbox to make web offline

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn start:prod

Builds the app and runs it with http-server. It's useful if you like to test Service Worker.

Server Worker doesn't work with yarn start

yarn build

Builds the app for production to the build folder.
It correctly bundles React in production mode and optimizes the build for the best performance.

The build is minified and the filenames include the hashes.
Your app is ready to be deployed!

About

The clone of Apple's notes app


Languages

Language:TypeScript 90.8%Language:HTML 6.1%Language:CSS 2.4%Language:JavaScript 0.7%