https://github.com/mdkaifansari04/notes-app
Streamline your productivity with our sleek and intuitive Notes Application. Create, edit, and delete notes effortlessly. Enjoy dynamic avatars, light/dark mode options, and unrivaled organization. Take control of your ideas today!
https://github.com/mdkaifansari04/notes-app
express-js javascript lottie-animation mongodb multiavatar nodejs reactjs tailwindcss
Last synced: 7 months ago
JSON representation
Streamline your productivity with our sleek and intuitive Notes Application. Create, edit, and delete notes effortlessly. Enjoy dynamic avatars, light/dark mode options, and unrivaled organization. Take control of your ideas today!
- Host: GitHub
- URL: https://github.com/mdkaifansari04/notes-app
- Owner: mdkaifansari04
- Created: 2023-06-28T14:33:37.000Z (over 2 years ago)
- Default Branch: master
- Last Pushed: 2023-08-14T18:08:50.000Z (about 2 years ago)
- Last Synced: 2025-01-19T23:25:26.008Z (9 months ago)
- Topics: express-js, javascript, lottie-animation, mongodb, multiavatar, nodejs, reactjs, tailwindcss
- Language: JavaScript
- Homepage: https://mind-memo.onrender.com/
- Size: 415 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Mind Memo
*Introducing my Notes Application, a powerful tool built with React, Tailwind CSS, Material Tailwind, and CSS on the frontend. On the backend, I've utilized Node.js, Express, JWT authentication, and MongoDB for data storage.*
*This app offers a seamless user experience with features such as account creation, login, and secure authentication. Take control of your ideas by creating, editing, and deleting notes effortlessly. To add a personal touch, each user is assigned a dynamic avatar generated uniquely for them. Plus, you can customize your app's appearance with the light and dark mode options.*
*Boost your productivity and organization with this dynamic and versatile Notes Application..*
## 🛠Skills
## Features
- Account Creation and Login: Easily create an account and securely log in to access your notes.
- Note Creation, Editing, and Deletion: Create new notes, edit existing ones, and delete notes you no longer need. Keep your thoughts organized and easily accessible.
- Dynamic Avatar Generator: Each user is assigned a unique and dynamic avatar. Enjoy a personalized touch and easily identify your account.
- Light and Dark Mode: Customize your app experience with the option to switch between light and dark modes. Choose the mode that suits your preference and reduces eye strain.
## Getting Started
Install Mind Memo Web Application with npm
1: Clone the repository:
```sh
git clone https://github.com/Mdkaif-123/Notes-App.git
```
2: Install the dependencies for both frontend and backend:
```sh
npm install
```
3: Start the frontend server:
```sh
npm run start
```
4: Start the backend server:
```sh
nodemon app.js
```
The Client Server should now be running on http://localhost:3000.
The Backend Server should now be running on http://localhost:8000.
## Credits
• React
• Express.js
• Tailwind
• MongoDB
• Javascript
• Material Tailwind
## Authors
- Md Kaif Ansari
## Improvements:
- Frontend can be inhansed
# Contact
If you have any questions or feedback, feel free to reach out to me on LinkedIn or email.
Email : amdkaif843@gmail.com
## 🔗 Links
[](https://mdkaif.vq.pe/)
[](https://www.linkedin.com/in/md-kaif-ansari-b74543243/)