My Manager

Description: A project management app that keeps track of the progress you've made towards completion.

Table of Contents

• Installation
• Environment Variables
• Features
• Architecture

Installation

To run the application, open your terminal and enter the following commands:

# Navigate to the project directory
cd my-project
# Install dependencies
npm install

Environment Variables

# Create a .env file in the root directory and add the following variables:
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secret_key
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/dashboard
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/dashboard
MONGO_URL=your_mongodb_connection_url
WEBHOOK_SECRET=your_webhook_secret

# Start the development server
npm run dev

Features

• Real-Time Updates: Integrated WebSockets for instant updates, such as notifications and task assignments.
• User Authentication: Managed through Clerk for seamless, secure user sign-in and sign-up.
• Database Integration: MongoDB stores and retrieves user data for persistent storage.
• Responsive UI: The app is mobile-friendly, designed with flexible layouts.

Architecture

The project uses the following architecture:

• Frontend: Built with Next.js, handling routing and dynamic page generation.
• Backend/API: Serverless functions in Next.js handle API requests, user data, and authentication.
• Database: MongoDB for persistent data storage, with Mongoose as the ODM (Object Data Modeling) library.
• Real-Time Communication: WebSockets facilitate live updates for seamless user experience.