3.3.
1 The output design
3.3.2 The input design
3.3.3 Database design
3.3.4 Flowchart diagram
Chapter four ……………………………………………………...
4 system implementation and design …………………...
4.1 system implementation ………………………………................
4.2 changeover method ………………………………......................
4.3 hardware specification ……………………………..................
4.4 software specification …………………………………………….
4.5 user’s guide………………………………………………...................
Chapter five
5 Conclusion ……………………….....................................
References ………………………………………………………...
Appendix …………………………………………………………….
Source Code ………………………………………………….
Sample Code ……………………………………………………………….
Appendix
Main Application Code (JavaScript)
This code sets up the main server for the Task Tracker application using Node.js
and Express. It includes the following key components:
Imports and Setup: Importing necessary modules (express, mongoose, body-
parser) and setting up the Express application.
Database Connection: Connecting to a MongoDB database named 'tasktracker'
using Mongoose.
Task Schema and Model: Defining a schema for tasks and creating a Mongoose
model.
Routes: Setting up two main routes:
- `GET /tasks`: Retrieves and sends all tasks from the database.
- `POST /tasks`: Creates a new task and saves it to the database.
- Server Initialization: Starting the server to listen on port 3000.
Sample Code (React)
This React component fetches and displays a list of tasks from the server:
- State Management: Using React's `useState` hook to manage the state of tasks.
- Data Fetching: Using the `useEffect` hook to fetch tasks from the server using
Axios when the component mounts.
- Rendering: Rendering the fetched tasks in a list format.
MongoDB Connection Code
This code handles connection to the MongoDB database:
- Connection Setup: Using Mongoose to connect to the MongoDB database with
proper configuration.
- Error Handling: Catching and logging any errors that occur during the connection
process.
Authentication Middleware
This middleware function checks for a valid JSON Web Token (JWT) to
authenticate users:
- Token Verification: Checking if a token is present in the request header and
verifying it using JWT.
- Error Handling: Sending an appropriate error message if the token is missing or
invalid.
- User Attachment: Attaching the decoded user information to the request object
if the token is valid, allowing access to protected routes.
