Create schema models - v0 by Vercel

Create schema-models based on the following structure (User and Project). → Perform client-side validation using Bootstrap in the form. Perform full CRUD operations for Projects using the following routes: ● GET /projects ● GET /project/new ● POST /project ● GET /projects/:id ● GET /projects/:id/edit ● PUT /projects/:id ● DELETE /projects/:id Note: Only the projectName field cannot be edited once created. Form fields must follow the schema: ● User: username, password, fullName, profession, joinedOn (auto) ● Project: projectName, description, deadline, status, teamMembers (as comma-separated) Use Bootstrap to enforce required fields and basic validation (e.g. valid date for deadline). Implement Passport authentication and route protection using the following routes: ● /register ● /login ● /logout Display the logged-in user’s full name at the top-right corner. Use sessions and Passport to handle authentication and login persistence. Follow proper MVC structure: ● public/ – static files (Bootstrap CSS/JS) ● views/ – ejs templates (register.ejs, login.ejs, project-form.ejs, etc.) ● models/ – separate files for user.js and project.js ● routes/ – separate files for project and user

Show full message

I'll create a complete MVC application with Passport authentication and CRUD operations for Projects. Let's start by setting up the project structure and implementing each component.

Project Structure Overview

I've created a complete MVC application with Passport authentication and CRUD operations for Projects. Here's a breakdown of the key components:

Models

User Model: Includes username, password (handled by passport-local-mongoose), fullName, profession, and joinedOn fields.
Project Model: Contains projectName, description, deadline, status, teamMembers, and creator fields.

Authentication

Implemented Passport.js with local strategy for authentication
Created register, login, and logout routes
Added session management for persistent login

Project CRUD Operations

Implemented all required routes:
- GET /projects - List all projects
- GET /project/new - Form to create a new project
- POST /project - Create a new project
- GET /projects/:id - View a specific project
- GET /projects/:id/edit - Edit form for a project
- PUT /projects/:id - Update a project
- DELETE /projects/:id - Delete a project

Form Validation

Client-side validation using Bootstrap's built-in validation
Server-side validation in the routes
The projectName field is set to readonly in the edit form

Views

Created EJS templates with proper layouts
Implemented partials for navbar and flash messages
Added Bootstrap styling for responsive design

Security

Protected routes with isLoggedIn middleware
Displayed the logged-in user's full name in the navbar
Implemented proper error handling and flash messages

How to Run the Application

Install dependencies:

npm install

Make sure MongoDB is running on your local machine
Start the application:

npm run dev

Access the application at http://localhost:3000

Please make sure to add the following environment variable to your project:

package.json