{"id":21696818,"url":"https://github.com/himalayasingh3/full-stack-notes-manager","last_synced_at":"2026-04-03T23:35:34.499Z","repository":{"id":257900747,"uuid":"871599920","full_name":"HimalayaSingh3/Full-Stack-Notes-Manager","owner":"HimalayaSingh3","description":"Introducing my Notes Manager built with the MERN stack! This application allows users to create,  and organize notes seamlessly. With a user-friendly interface and real-time updates, you can easily manage your thoughts and tasks. Perfect for students and professionals looking to enhance productivity and stay organized!","archived":false,"fork":false,"pushed_at":"2024-10-16T09:48:56.000Z","size":2997,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-01-25T14:12:20.712Z","etag":null,"topics":["expressjs","mongodb","mui","nodejs","reactjs","tailwindcss"],"latest_commit_sha":null,"homepage":"https://full-stack-notes-manager.vercel.app","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/HimalayaSingh3.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2024-10-12T12:15:42.000Z","updated_at":"2024-12-14T19:14:12.000Z","dependencies_parsed_at":"2024-10-17T11:00:28.429Z","dependency_job_id":null,"html_url":"https://github.com/HimalayaSingh3/Full-Stack-Notes-Manager","commit_stats":null,"previous_names":["himalayasingh3/full-stack-notes-manager"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HimalayaSingh3%2FFull-Stack-Notes-Manager","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HimalayaSingh3%2FFull-Stack-Notes-Manager/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HimalayaSingh3%2FFull-Stack-Notes-Manager/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/HimalayaSingh3%2FFull-Stack-Notes-Manager/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/HimalayaSingh3","download_url":"https://codeload.github.com/HimalayaSingh3/Full-Stack-Notes-Manager/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":244636766,"owners_count":20485442,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["expressjs","mongodb","mui","nodejs","reactjs","tailwindcss"],"created_at":"2024-11-25T19:22:10.817Z","updated_at":"2025-12-30T19:31:17.638Z","avatar_url":"https://github.com/HimalayaSingh3.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# MERN Stack Notes Manager App\n\n## Overview\n\nThis repository contains a Notes Manager application built using the MERN stack (MongoDB, Express.js, React, Node.js). The application allows users to create, read, update, and delete notes efficiently. It features user authentication and a clean, intuitive interface for managing notes.\n\n## Table of Contents\n\n- [Features](#features)\n- [Technologies Used](#technologies-used)\n- [Installation](#installation)\n- [Usage](#usage)\n- [Folder Structure](#folder-structure)\n- [API Endpoints](#api-endpoints)\n- [Contributing](#contributing)\n- [License](#license)\n\n## Features\n\n- Create, read, update, and delete notes\n- Responsive design for mobile and desktop\n- User-specific notes management\n\n## Technologies Used\n\n- **MongoDB**: NoSQL database for storing notes and user data.\n- **Express.js**: Web framework for building the server-side application.\n- **React**: Frontend library for creating a dynamic user interface.\n- **Node.js**: JavaScript runtime for executing server-side code.\n- **Mongoose**: ODM library for MongoDB and Node.js.\n- **Axios**: Promise-based HTTP client for making requests from React to the API.\n- **JWT (JSON Web Tokens)**: For secure user authentication.\n\n## Installation\n\nTo set up the Notes Manager application locally, follow these steps:\n\n1. **Clone the repository**:\n   ```bash\n   git clone https://github.com/HimalayaSingh3/Full-Stack-Notes-Manager.git\n   cd Full-Stack-Notes-Manager\n   ```\n\n2. **Install server dependencies**:\n   ```bash\n   cd server\n   npm install\n   ```\n\n3. **Install client dependencies**:\n   ```bash\n   cd ../client\n   npm install\n   ```\n\n4. **Set up environment variables**:\n   Create a `.env` file in the `server` directory and add your MongoDB connection string:\n   ```\n   MONGODB_URI=your_mongodb_connection_string\n   ```\n\n5. **Start the Backend**:\n   ```bash\n   cd Backend\n   node server.js\n   ```\n\n6. **Start the Frontend**:\n   Open a new terminal window and run:\n   ```bash\n   cd Frontend\n   npm run dev\n   ```\n\nYour application should now be running on `http://localhost:3000`.\n\n## Usage\n\nOnce the application is running:\n\n1. Navigate to `http://localhost:3000` in your web browser.\n2. Sign up for a new account or log in with an existing account.\n3. Start creating, editing, and managing your notes!\n\n## Folder Structure\n\n```plaintext\nmern-notes-manager/\n├── client/               # React frontend code\n│   ├── src/\n│   │   ├── components/    # React components (e.g., NoteList, NoteForm)\n│   │   ├── pages/         # Page components (e.g., HomePage)\n│   │   ├── App.js         # Main app component\n│   │   └── index.js       # Entry point for React app\n├── server/               # Node.js backend code\n│   ├── models/            # Mongoose models (e.g., User, Note)\n│   ├── routes/            # Express routes (e.g., authRoutes, noteRoutes)\n│   ├── controllers/       # Controller functions for handling requests\n│   ├── middleware/        # Middleware for authentication and error handling\n│   ├── config/            # Configuration files (e.g., database connection)\n│   └── server.js          # Entry point for Node.js server\n└── README.md              # This README file\n```\n\n## API Endpoints\n\nHere are some of the key API endpoints available in this application:\n\n| Method | Endpoint               | Description                     |\n|--------|------------------------|---------------------------------|\n| POST   | `/api/auth/signup`     | Register a new user            |\n| POST   | `/api/auth/login`      | Log in an existing user        |\n| GET    | `/api/notes`           | Get all notes for logged-in user|\n| GET    | `/api/notes/:id`       | Get note by ID                 |\n| POST   | `/api/notes`           | Create a new note              |\n| PUT    | `/api/notes/:id`       | Update note by ID              |\n| DELETE | `/api/notes/:id`       | Delete note by ID              |\n\n## Contributing\n\nContributions are welcome! If you have suggestions or improvements, please create a pull request or open an issue.\n\n1. Fork the repository.\n2. Create your feature branch (`git checkout -b feature/AmazingFeature`).\n3. Commit your changes (`git commit -m 'Add some AmazingFeature'`).\n4. Push to the branch (`git push origin feature/AmazingFeature`).\n5. Open a pull request.\n\n## License\n\nThis project is licensed under the MIT License - see the [LICENSE](LICENSE) file for details.\n\n---\n\nFeel free to customize this README according to your specific project needs!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhimalayasingh3%2Ffull-stack-notes-manager","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fhimalayasingh3%2Ffull-stack-notes-manager","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fhimalayasingh3%2Ffull-stack-notes-manager/lists"}