Noted is a simple frontend clone of Google Keep, built with React and Material UI.
You can use this as your Mini Project in first/second year of college. It supports addition and deletion of notes with animations.
![](https://private-user-images.githubusercontent.com/112647789/311496417-836c9a51-c71d-4541-bb87-e13f595a475a.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3MjAxMDMxMTYsIm5iZiI6MTcyMDEwMjgxNiwicGF0aCI6Ii8xMTI2NDc3ODkvMzExNDk2NDE3LTgzNmM5YTUxLWM3MWQtNDU0MS1iYjg3LWUxM2Y1OTVhNDc1YS5wbmc_WC1BbXotQWxnb3JpdGhtPUFXUzQtSE1BQy1TSEEyNTYmWC1BbXotQ3JlZGVudGlhbD1BS0lBVkNPRFlMU0E1M1BRSzRaQSUyRjIwMjQwNzA0JTJGdXMtZWFzdC0xJTJGczMlMkZhd3M0X3JlcXVlc3QmWC1BbXotRGF0ZT0yMDI0MDcwNFQxNDIwMTZaJlgtQW16LUV4cGlyZXM9MzAwJlgtQW16LVNpZ25hdHVyZT1iNzU5N2EzNTVhYTE5NzgxNzk2MTgyYWVhMmNkZDk3ZGMxMWQ3MzAyM2MzYjlkNWE2ZDUwZGMwOGFmYTViNDI5JlgtQW16LVNpZ25lZEhlYWRlcnM9aG9zdCZhY3Rvcl9pZD0wJmtleV9pZD0wJnJlcG9faWQ9MCJ9.hJ1cvPIzcCz5LIVptZtYmRGUTOvH6cphHL7C0dLol_A)
- Node.js
- npm or yarn
-
Clone the repository:
git clone https://github.com/AzeemIdrisi/Noted.git
-
Install dependencies:
cd noted npm install
-
Start the development server:
npm run dev
-
Open your browser and visit
http://localhost:5173
to see the app.
-
Build the project:
npm run build
-
The build output will be in the
dist
directory.
- React
- Vite
- CSS
- Material UI
Contributions are welcome! Please create a pull request with your changes.