Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/ckshetty4/task-manager-web
A task managing web application using Angular, NodeJS and MongoDB
https://github.com/ckshetty4/task-manager-web
mean-stack pending task-manager web-development website
Last synced: about 14 hours ago
JSON representation
A task managing web application using Angular, NodeJS and MongoDB
- Host: GitHub
- URL: https://github.com/ckshetty4/task-manager-web
- Owner: CKShetty4
- License: mit
- Created: 2024-12-14T06:26:27.000Z (about 2 months ago)
- Default Branch: main
- Last Pushed: 2025-01-20T02:55:20.000Z (23 days ago)
- Last Synced: 2025-01-20T03:30:10.133Z (23 days ago)
- Topics: mean-stack, pending, task-manager, web-development, website
- Language: TypeScript
- Homepage:
- Size: 212 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Task Manager Web App (MEAN Stack)
This is a task management web application built with the MEAN stack (MongoDB, Express, Angular, Node.js). It allows users to sign up, log in, create task lists, and manage tasks in a user-friendly interface.
## Features
- **User Authentication**:
- Users can sign up and log in to their accounts securely.
- **Task Lists**:
- Users can create multiple task lists.
- Lists can be updated or deleted as needed.
- **Tasks**:
- Tasks can be added, edited, and deleted within each list.
- Tasks can be marked as completed for better organization.
- **User Interface**:
- The application has a clean, simple, and user-friendly UI.
## Technologies Used
- **Frontend**:
- Angular
- **Backend**:
- Node.js
- Express.js
- **Database**:
- MongoDB
- **Authentication**:
- JWT (JSON Web Token)
## Setup Instructions
### Prerequisites
- Node.js and npm (Node Package Manager)
- MongoDB installed locally or an active MongoDB cluster
### Installation
1. Clone the repository:
```bash
git clone https://github.com/CKShetty4/task-manager-web.git
cd task-manager-app
```
2. Install backend dependencies:
```bash
cd backend
npm install
```
3. Install frontend dependencies:
```bash
cd ../frontend
npm install
```
### Environment Configuration
1. Create a `.env` file in the `backend` directory and add the following configurations:
```bash
MONGO_URI=
JWT_SECRET=
```
2. If you are using MongoDB locally, the `MONGO_URI` can be something like:
```bash
MONGO_URI=mongodb://localhost:27017/task-manager
```
### Running the Application
1. Start the backend server:
```bash
cd backend
npm start
```
2. Start the frontend application:
```bash
cd ../frontend
npm start
```
3. Open your browser and go to `http://localhost:4200` to access the Task Manager Web app.
## Usage
1. **Sign Up**: Users can create an account by providing a username and password.
2. **Log In**: After signing up, users can log in to the application.
3. **Create Lists**: Once logged in, users can create new task lists.
4. **Add Tasks**: Within each list, users can add tasks with titles.
5. **Edit/Update Tasks**: Tasks can be edited or deleted at any time.
6. **Mark Tasks as Completed**: Tasks can be marked as completed for better task management.
7. **Update or Delete Lists**: Users can update or delete entire task lists.
## Contributions
Feel free to fork the project and submit issues or pull requests for any enhancements or bug fixes.
## License
This project is licensed under the MIT License.