Day19_overview.md

App Architecture and Endpoint Summary

✅ Project Setup (Local)

• Cloned from: GitHub Repo

• Dependencies installe with npm install or npm i

• Started using npm run dev, which concurrently launches:

• Frontend via webpack-dev-server

• Backend via nodemon using babel-node

🏗️ Application Architecture

📦 Frontend (/src/app)

• Tech Stack: React.js with Redux

• Core Components:

  • Login.jsx / Signup.jsx: User authentication screens

  • Dashboard.jsx: Primary app interface

  • TaskList.jsx / TaskDetail.jsx: Manage and display tasks

  • Navigation.jsx: Handles in-app navigation

Backend (/src/server)

• Tech Stack: Express.js + MongoDB

• Files:

  • server.js: Entry point and app config

  • authenticate.js: Login logic & token handling

  • communicate-db.js: CRUD operations with Mongo

  • connect-db.js: Handles DB connection

  • initialize-db.js: Seeds/sets up DB structure

Environment Configuration

• Mongo URI: mongodb://localhost:27017/organizer

• Ports:

  • Frontend: 8080

  • Backend: 7777

Tech Stack

• Frontend: React, Redux

• Backend: Express.js, MongoDB

• Tools: Webpack, Babel