https://github.com/sagormajomder/keeper

It is a simple note taking app where user can write and store their thought or anything they want.
https://github.com/sagormajomder/keeper

react tailwindcss tailwindcss-v4

Last synced: 28 days ago
JSON representation

It is a simple note taking app where user can write and store their thought or anything they want.

• Host: GitHub
• URL: https://github.com/sagormajomder/keeper
• Owner: sagormajomder
• License: mit
• Created: 2025-01-23T13:20:45.000Z (3 months ago)
• Default Branch: main
• Last Pushed: 2025-03-20T10:25:42.000Z (about 1 month ago)
• Last Synced: 2025-03-20T11:31:16.168Z (about 1 month ago)
• Topics: react, tailwindcss, tailwindcss-v4
• Language: JavaScript
• Homepage: https://sm-keeper.netlify.app/
• Size: 462 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# Keeper

It is a simple note taking app where user can write their thought or anything they want.

## Table of Contents

- [App features](#features)

- [Future Planning](#future-planning)

- [Technology Used](#technology-used)

- [Run it Locally](#run-it-locally)

- [Screenshots](#screenshots)

- [Necessary Links](#necessary-links)

## Features

In this app user get some features such as

- create note

- delete note

- update existing note

- search specific note

## Future Planning

In future, some features can be added such as

- update UI for more friendly user experience

- create note with checklist and upload photo

- create folder to store related notes

- add level to note

## Technology Used

- React v19

- Tailwindcss v4

## Run it Locally

Please follow the below instructions to run this project in your machine:

1. Clone this repository

   ```sh

       git clone https://github.com/sagormajomder/keeper.git

   ```

2. To run below command, your machine must have install nodejs

- Install project dependencies

  ```sh

      npm install

  ```

- Run the project

  ```sh

      npm run dev

  ```

The app will be available on http://localhost:5173 by default.

## Screenshots

- UX design Diagram

  ![](./public/v2-UI.png)

- Component Breakdown diagram

  ![](./public/component-breakdown-diagram.png)

- Component Hierarchy diagram

  ![](./public/component-hierarchy-diagram.png)

  ![](./public/component-hierarchy-diagram-state-props.png)

## Necessary Links

- Repository link: [Github repository](https://github.com/sagormajomder/keeper)

- Design link: [Figma](https://www.figma.com/design/UWbWBP3YU9LEVkIUKZ9zJe/Keeper?node-id=0-1&t=HRaJ4T1wvW8JaZcj-1)

- App live link : [keeper live](https://sm-keeper.netlify.app/)