diff --git a/Day19_overview.md b/Day19_overview.md new file mode 100644 index 0000000..a43d496 --- /dev/null +++ b/Day19_overview.md @@ -0,0 +1,59 @@ +# App Architecture and Endpoint Summary + +## ✅ Project Setup (Local) + +- Cloned from: [GitHub Repo](https://github.com/PoshikaM/express-react-fullstack.git) + +- 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 \ No newline at end of file