{"id":24919625,"url":"https://github.com/shaileshkale17/instagram_todo","last_synced_at":"2026-04-09T12:05:59.867Z","repository":{"id":274853758,"uuid":"924217541","full_name":"Shaileshkale17/instagram_todo","owner":"Shaileshkale17","description":"An Instagram-like Post Management System built with the MERN stack for an assessment. Features include CRUD operations for posts with image uploads via Multer. RESTful API handles backend logic, and the app is deployed on Vercel.","archived":false,"fork":false,"pushed_at":"2025-01-30T08:06:54.000Z","size":149,"stargazers_count":1,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-07-08T14:09:06.325Z","etag":null,"topics":["cloudinary","express","javascript","mongodb","mongoose","node-js","nodemon","rest-api"],"latest_commit_sha":null,"homepage":"https://instagram-todo.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/Shaileshkale17.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,"zenodo":null}},"created_at":"2025-01-29T16:14:04.000Z","updated_at":"2025-03-09T11:09:50.000Z","dependencies_parsed_at":"2025-07-08T14:09:08.599Z","dependency_job_id":"5c5b78ac-312f-4751-a42b-11aa641b0541","html_url":"https://github.com/Shaileshkale17/instagram_todo","commit_stats":null,"previous_names":["shaileshkale17/instagram_todo"],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/Shaileshkale17/instagram_todo","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shaileshkale17%2Finstagram_todo","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shaileshkale17%2Finstagram_todo/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shaileshkale17%2Finstagram_todo/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shaileshkale17%2Finstagram_todo/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Shaileshkale17","download_url":"https://codeload.github.com/Shaileshkale17/instagram_todo/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Shaileshkale17%2Finstagram_todo/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":273415901,"owners_count":25101739,"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","status":"online","status_checked_at":"2025-09-03T02:00:09.631Z","response_time":76,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":["cloudinary","express","javascript","mongodb","mongoose","node-js","nodemon","rest-api"],"created_at":"2025-02-02T10:36:25.864Z","updated_at":"2025-12-30T21:31:45.051Z","avatar_url":"https://github.com/Shaileshkale17.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Instagram-like Post Management System (MERN Stack)\n\n## Objective\n\nBuild a full-stack CRUD application where users can create, view, update, and delete posts. Each post will include an image, a title, and a description.\n\n## Tech Stack\n\n- **Frontend:** React.js\n- **Backend:** Node.js with Express.js\n- **Database:** MongoDB (using Mongoose ODM)\n- **Image Storage:** Cloudinary (with Multer for handling uploads)\n\n### Other Tools\n\n- **State Management:** React Hooks\n- **Styling:** Tailwind CSS\n- **Routing:** React Router\n- **API Testing:** Postman\n- **Version Control:** Git \u0026 GitHub\n\n---\n\n## Installation\n\n### Prerequisites\n\nEnsure you have the following installed:\n\n- Node.js \u0026 npm\n- MongoDB\n- Git\n\n### Clone the Repository\n\n```bash\ngit clone https://github.com/Shaileshkale17/instagram_todo\ncd instagram_todo\n```\n\n### Backend Setup\n\n1. Navigate to the backend folder:\n   ```bash\n   cd server\n   ```\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n3. Create a `.env` file and configure the environment variables:\n\n   ```env\n   PORT=8080\n   URL=your_mongodb_connection_string\n   ORIGIN=*\n   CLOUDINARY_NAME=your_Cloudinary_name\n   CLOUDINARY_API_KEY=your_Cloudinary_api_key\n   CLOUDINARY_API_SECRET=your_Cloudinary_api_secret\n   ```\n\n4. Start the backend server:\n   ```bash\n   npm start\n   ```\n\n### Frontend Setup\n\n1. Navigate to the frontend folder:\n   ```bash\n   cd client\n   ```\n2. Install dependencies:\n   ```bash\n   npm install\n   ```\n3. Start the React development server:\n   ```bash\n   npm start\n   ```\n\n### Running the Application\n\nOnce both the frontend and backend servers are running, open your browser and visit:\n\n```\nhttp://localhost:5173\n```\n\n## API Endpoints\n\n| Method | Endpoint              | Description       |\n| ------ | --------------------- | ----------------- |\n| GET    | /api/todo/getall      | Get all posts     |\n| GET    | /api/todo/getByid/:id | Get a single post |\n| POST   | /api/todo/create      | Create a new post |\n| PUT    | /api/todo/update/:id  | Update a post     |\n| DELETE | /api/todo/delete/:id  | Delete a post     |\n\n## Folder Structure\n\n```\ninstagram_todo/\n│── backend/\n│   ├── Config/\n│   │   ├── cloudinary.js\n│   ├── models/\n│   │   ├── instagram_todo.model.js\n│   ├── routes/\n│   │   ├── Todo.routes.js\n│   ├── controllers/\n│   │   ├── InstagramTodo.Controller.js\n│   ├── middleware/\n│   │   ├── multer.middleware.js\n│   ├── Database/\n│   │   ├── index.js\n│   ├── index.js\n│   ├── .env\n│   ├── .gitignore\n│   ├── package-lock.json\n│   ├── package.json\n│   ├── vercel.json\n│\n│── frontend/\n│   ├── src/\n│   │   ├── assets/\n│   │   ├── components/\n│   │   │   ├── Button.jsx\n│   │   │   ├── Card.jsx\n│   │   │   ├── Footer.jsx\n│   │   │   ├── InputBox.jsx\n│   │   │   ├── Navbar.jsx\n│   │   ├── pages/\n│   │   │   ├── Edit.jsx\n│   │   │   ├── EditForm.jsx\n│   │   │   ├── Home.jsx\n│   │   ├── App.css\n│   │   ├── App.jsx\n│   │   ├── index.css\n│   │   ├── main.jsx\n│   ├── .env\n│   ├── .gitignore\n│   ├── eslint.config.js\n│   ├── index.html\n│   ├── package-lock.json\n│   ├── package.json\n│   ├── vercel.json\n│   ├── README.md\n│   ├── vite.config.js\n│\n│\n│── README.md\n\n```\n\n## Portfolio\n\nCheck out my portfolio: [Shailesh Kale - Full Stack Developer](https://protfolio-shailesh-full-stack-developer.vercel.app/)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaileshkale17%2Finstagram_todo","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fshaileshkale17%2Finstagram_todo","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fshaileshkale17%2Finstagram_todo/lists"}