{"id":24373400,"url":"https://github.com/pushpender015/task-nest","last_synced_at":"2025-07-04T21:40:14.378Z","repository":{"id":282014961,"uuid":"944493034","full_name":"Pushpender015/Task-Nest","owner":"Pushpender015","description":null,"archived":false,"fork":false,"pushed_at":"2025-03-07T15:44:46.000Z","size":64,"stargazers_count":0,"open_issues_count":0,"forks_count":0,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-12T11:16:17.478Z","etag":null,"topics":["context-api","css","customhooks","html","javascript","localstorage","reacthooks","reactjs","redux","tailwindcss"],"latest_commit_sha":null,"homepage":"https://task-nest-five.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/Pushpender015.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":"2025-03-07T12:49:43.000Z","updated_at":"2025-03-07T15:46:49.000Z","dependencies_parsed_at":"2025-03-12T11:16:18.944Z","dependency_job_id":null,"html_url":"https://github.com/Pushpender015/Task-Nest","commit_stats":null,"previous_names":["pushpender015/task-nest"],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpender015%2FTask-Nest","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpender015%2FTask-Nest/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpender015%2FTask-Nest/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Pushpender015%2FTask-Nest/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Pushpender015","download_url":"https://codeload.github.com/Pushpender015/Task-Nest/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":243205245,"owners_count":20253427,"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":["context-api","css","customhooks","html","javascript","localstorage","reacthooks","reactjs","redux","tailwindcss"],"created_at":"2025-01-19T05:11:11.162Z","updated_at":"2025-03-12T11:16:21.320Z","avatar_url":"https://github.com/Pushpender015.png","language":"JavaScript","readme":"# Task Nest\n\nTask Nest is a modern, responsive Todo application built with React, Redux Toolkit, and Tailwind CSS. It offers a simple authentication mechanism, robust todo management with CRUD operations, an integrated weather widget, and a customizable dark/light theme.\n\n## Features\n\n- **User Authentication**  \n  A simple login page that requires users to enter valid credentials to access the app.  \n  **Login Credentials:**  \n  - **Username:** `admin`  \n  - **Password:** `password`\n\n- **Todo Management**  \n  - Add new todos, update existing ones, mark them as complete/incomplete, and delete them.  \n  - Two display modes: List view and Block view.  \n  - Todos are stored in Redux and persisted to localStorage.\n\n- **Weather Widget**  \n  Displays the current temperature fetched from the [Open Meteo API](https://open-meteo.com/).  \n  - Automatically refreshes every 10 minutes with a manual refresh option.\n\n- **Responsive Sidebar**  \n  Features user profile information, navigation links, and a progress indicator (circular progress bar) based on the completion of todos.\n\n- **Dark/Light Theme Toggle**  \n  Easily switch between dark and light modes. The selected theme is stored in localStorage and applied globally.\n\n- **Persistent State**  \n  Redux state changes (authentication status and todos) are persisted in localStorage, so your session remains active even after a page refresh.\n\n## Technologies\n\n- **React:** For building the user interface with functional components and hooks.\n- **Redux Toolkit \u0026 React Redux:** For state management and data persistence.\n- **Tailwind CSS:** For a utility-first approach to styling.\n- **Vite:** For a fast and modern development environment.\n- **Heroicons:** For clean, modern icons.\n- **LocalStorage:** For persisting user data and session state.\n\n## Project Structure\n\n```\nTask Nest/\n├── public/\n│   └── index.html               # HTML template\n├── src/\n│   ├── Components/\n│   │   ├── Login.jsx            # Login page component\n│   │   ├── Sidebar.jsx          # Sidebar with user profile and progress bar\n│   │   ├── TodoForm.jsx         # Form component for adding todos\n│   │   ├── TodoItem.jsx         # Todo item component for listing/updating/deleting todos\n│   │   └── WeatherWidget.jsx    # Weather widget component displaying temperature\n│   ├── context/\n│   │   ├── TodoContext.js       # Todo context (example usage; Redux handles state)\n│   │   └── ThemeContext.jsx     # Theme context for dark/light mode toggle\n│   ├── Features/\n│   │   ├── auth/\n│   │   │   └── authSlice.js     # Redux slice for authentication\n│   │   └── todos/\n│   │       └── todosSlice.js    # Redux slice for todo management\n│   ├── hooks/\n│   │   └── useFetch.js          # Custom hook for fetching weather data\n│   ├── App.jsx                  # Main application component\n│   ├── index.css                # Global styles with Tailwind CSS\n│   ├── main.jsx                 # Entry point; renders App with Redux and Theme providers\n│   └── store.js                 # Redux store configuration with localStorage persistence\n├── package.json                 # Project dependencies and scripts\n├── postcss.config.js            # PostCSS configuration\n├── tailwind.config.js           # Tailwind CSS configuration\n└── vite.config.js               # Vite configuration file\n```\n\n## Getting Started\n\n### Prerequisites\n\n- [Node.js](https://nodejs.org/) (v14 or later)\n- npm (v6 or later) or yarn\n\n### Installation\n\n1. **Clone the repository:**\n\n   ```bash\n   git clone \u003crepository-url\u003e\n   ```\n\n2. **Navigate to the project directory:**\n\n   ```bash\n   cd 10todocontextlocal\n   ```\n\n3. **Install dependencies:**\n\n   ```bash\n   npm install\n   ```\n\n4. **Start the development server:**\n\n   ```bash\n   npm run dev\n   ```\n\n   The application will run at `http://localhost:3000` (or the port specified by Vite).\n\n## Contributing\n\nContributions are welcome! Please open issues or submit pull requests for improvements, bug fixes, or new features.\n\n## Acknowledgements\n\n- **Open Meteo API:** For providing weather data.\n- **Vite:** For a blazing fast development experience.\n- **Tailwind CSS:** For efficient styling.\n- **Redux Toolkit:** For simplifying state management.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpushpender015%2Ftask-nest","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fpushpender015%2Ftask-nest","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fpushpender015%2Ftask-nest/lists"}