Welcome to Sticky-Memo — a lightweight React app to create and manage digital sticky notes.
Built with React.ts, Vite, and TailwindCSS, this project is ideal for learning, experimenting, and contributing to open source. 🤍🤝
- About
- Demo
- Tech Stack
- Getting Started
- Project Structure
- Contribution Guide
- Development Standards
- Contributors
- License
Sticky-Memo allows you to:
- Create, edit, and delete sticky notes
- Organize notes by boards, tables, and categories
- Practice React, Vite, and MUI
- Collaborate with a friendly open-source community
- React.ts
- Vite
- TailwindCSS
- Typescript
git clone https://github.com/<your-username>/sticky-memo.git
cd sticky-memo
npm install
npm run dev
Open http://localhost:5173 in your browser.
├── public/
│ └── favicon.svg
├── src/
│ ├── components/
│ │ ├── Board/
│ │ ├── common/
│ │ ├── Loading/
│ │ ├── Note/
│ │ └── Table/
│ ├── context/
│ ├── hooks/
│ ├── pages/
│ ├── services/
│ ├── styles/
│ ├── themes/
│ ├── utils/
│ ├── App.jsx
│ └── main.jsx
├── index.html
├── package.json
├── vite.config.js
└── README.md
We welcome contributions of all kinds — features, bug fixes, documentation, or ideas!
- Fork the repo and create a branch from
main
ordevelop
. - Make your changes and test locally.
- Commit & push with a clear message:
git add .
git commit -m "feat: add new board component"
git push origin <your-branch>
- Open a Pull Request and fill out the PR template.
Need help? Open an issue or join the discussions.
- ESLint + Prettier for linting/formatting
- EditorConfig for consistent style
- 2-space indentation, max line length 100
- Use JSDoc for functions and components
- Comment complex logic
- Keep README and docs updated
- Feature branches:
feature/short-description
- Bugfix branches:
fix/short-description
- Follow Conventional Commits
- Maintain ≥80% coverage
- Test components in isolation
- Include positive and negative test cases
Thanks to all our amazing contributors! ❤️ View Contributors →
This project is licensed under the MIT License. See the MIT-LICENSE.txt for details.
Happy Contributing! 🎉
```