andrewjbateman / mean-task-manager

:clipboard: MEAN - MongoDB, Express, Angular & Node.js full-stack tutorial app to manage tasks.

⚡ MEAN Stack Task Manager - Tutorial Code by Devstakr

• See angular-tasks-frontend folder for Angular frontend code.
• See api folder for backend API using Node.js with Mongoose and Express.
• All code by Devstackr.
• Note: to open web links in a new window use: ctrl+click on link

📄 Table of contents

• ⚡ MEAN Stack Task Manager - Tutorial Code by Devstakr
  • 📄 Table of contents
  • 📚 General info
  • 📷 Screenshots
  • 📶 Technologies
  • 💾 Setup
  • 📋 Status & To-do list
  • Inspiration
  • ✉️ Contact

📚 General info

• Note: it is not possible to see the Mongodb results on http://localhost:27017/TaskManager because: the Angular app has to communicate with the Express server app (using get, post etc.), and the Express server app will communicate with the MongoDB server. The Angular app cannot communicate with the MongoDB server directly (due to potential security issues)

📷 Screenshots

📶 Technologies

• See angular-tasks-frontend and api backend folders for technologies used
• Postman v7 API Dev Environment used to test app

💾 Setup

• See angular-tasks-frontend and api backend folders for individual setups. You need to have both front and back ends running for the app to work.

📋 Status & To-do list

• Status: Working.Updated june 2021

• All 15 tutorials completed. User can sign up and login

• Lists and Task can be created with front and back ends working together & backend connects with a Mongodb database

• Postman successfully used to test POST, GET, PATCH, DELETE lists and tasks in a list

• Authentication middleware added to all API routes so user can only ever Create, Read, Update or Delete their own lists/tasks

• Front and back ends pass data via localhost://3000

• To-do: Change to cloud MongoDB. Add comments. Add check if signup user already exists - currently causes an error. Add logout function.

Inspiration

• Project Demo & Introduction - [1] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Creating the UI (Angular) - [2] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Building the API | NodeJS, Express and Mongoose - [3] Build a Task Manager w/ MEAN Stack
• Connecting Angular Frontend to the API - [4] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Creating Lists and Displaying in Sidebar - [5] Build a Task Manager w/ Angular, NodeJS and MongoDB
• New Task Button (FAB) - [6] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Creating the New Task Page - [7] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Setting Tasks to Completed - [8] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Users & Authentication (API) - [9] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Starting Angular Authentication - [10] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Protecting API Routes - [11] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Handling Access Token Refresh on Frontend - [12] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Signup Page - [13] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Updating and Deleting Lists & Tasks - [14] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Finishing up - [15] Build a Task Manager w/ Angular, NodeJS and MongoDB
• Devstackr: Github repo
• Auth0: Refresh Tokens: When to Use Them and How They Interact with JWTs
• Typescript website

📁 License

• N/A.

✉️ Contact

• Repo created by ABateman, email: [email protected]