Skip to content

A MERN stack task manager is a web application leveraging MongoDB for data storage, Express.js for server-side logic, React.js for dynamic user interfaces, and Node.js for runtime. Users can sign up, log in, create, edit, and organize tasks with real-time updates. The application provides a seamless experience for efficient task management.

Notifications You must be signed in to change notification settings

John12356/Task-Manager--First-MERN

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

59 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

TASK MANAGER - MERN

The task manager app is a versatile productivity tool that combines task management, to-do lists, and note-taking functionalities. Users can efficiently organize, prioritize, and track their tasks, create to-do lists for better task categorization, and take notes for important information. The user-friendly interface, synchronization across devices, reminders, and optional collaboration features make it a comprehensive solution for streamlined productivity.

Intrtoduction

Welcome to our Task Manager App – your all-in-one solution for efficient task management, seamless to-do list organization, and convenient note-taking. This application is designed to enhance your productivity by providing a unified platform for managing your daily activities. Whether you're an individual striving for personal organization or part of a collaborative team, our app is here to simplify your workflow.

Features

Task Management :

Create, edit, and delete tasks with ease.

Specify due dates, priorities, and track task status effortlessly.

Categorize and filter tasks for a customized and organized view.

Get notify through the app on bell icon

To-Do :

Create lists to organize tasks based on projects, categories, or any criteria.

Break down tasks into manageable sections for focused execution.

Notes - Functionality :

Capture ideas, thoughts, and important information effortlessly.

Edit and organize notes with rich text formatting and multimedia attachments.

DEMO

Login Page

Screenshot (55)

Home Page

Screenshot (65)

To-Do Page

Screenshot (61)

Task Page

Screenshot (62)

Notes Page

Screenshot (63)

Dark - Mode

Screenshot (64)

Technologies Used

Getting Started

Prerequisites

Before you begin, ensure you have met the following requirements:

Note: Make sure to install the specified versions or higher to avoid compatibility issues.

To check if you have Node.js and npm installed, run the following commands in your terminal:

node --version
npm --version

How To Run

Create the file BackEnd/config.env with your Atlas URI and the server port:

FrontEnd

REACT_APP_API_URL = your backend api with port

BackEnd

MONGO_URL = your mongoDb url either from atlas or from localhost shell

If you are going Authenticate with Facebook and Google Through PassportJs Stratgy...

GOOGLE_CLIENT_ID = your google app clint id
GOOGLE_CLIENT_SECRET = your google app client secret
FACEBOOK_CLIENT_ID = your facebook app clint id
FACEBOOK_CLIENT_SECRET = your facebook app client secret
FRONTEND_DOMAIN = you react app url with port
SESSION_SECRET = anything you want
JWT_SECRET_KEY = anything you want

Start server i.e., BackEnd:

cd Task-Manager--First-MERN/BackEnd
npm install
npm start

Start Client i.e., FrontEnd:

cd Task-Manager--First-MERN/FrontEnd
npm install
npm start or npm run dev

Disclaimer

Use at your own risk; not a supported MongoDB product

Contributing

We appreciate your interest in contributing to our project! Whether you're a developer, designer, or enthusiast, we welcome your contributions. This guide outlines the process and guidelines for making your contributions.

Getting Started

  1. Fork the repository.
  2. Clone your forked repository:
  git clone https://github.com/john12356/Task-Manager--First-MERN.git

Issues and Bug Reports

  • For bug reports, include details such as the operating system, browser version, and steps to reproduce the issue.
  • Check for existing issues before opening a new one.
  • Clearly describe the problem and provide any relevant error messages.
  • Include screenshots or code snippets if they help explain the issue.

License

License

This project is licensed under the MIT License. See the LICENSE file for details. License: MIT

Acknowledgments

We greatly appreciate all contributions to this project. Contributors will be acknowledged in our CONTRIBUTORS.md file. Thank you for your support!

Feedback

For any queries and improvements please reach out to [email protected]

Thank You

We appreciate your interest in our project and hope that you find it useful. Your contributions and adherence to the project's license are valuable to us.

About

A MERN stack task manager is a web application leveraging MongoDB for data storage, Express.js for server-side logic, React.js for dynamic user interfaces, and Node.js for runtime. Users can sign up, log in, create, edit, and organize tasks with real-time updates. The application provides a seamless experience for efficient task management.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published