Final Submission Task
Web Development Using AI Series

To complete this workshop series and become eligible for the Next.js Skill Verification Certificate, students are required to build and submit a full-stack Task Management Application using Next.js.

This project will test your understanding of authentication, database CRUD operations, email integration, payment flow, deployment, and real-world application structure.

Project Title

Task Management App with Authentication, Reminders, Calendar View, Stripe Integration & Deployment

Project Overview

You need to build a modern task management application where users can create an account, log in, manage their tasks, set reminders, view tasks in a calendar, and access a basic Stripe payment flow.

The project must be uploaded to GitHub and deployed on Vercel. Students must submit both the public GitHub repository link and the live deployed Vercel link.

Required Features

User Authentication

Your application must include:

User signup
User login
User logout
Protected dashboard pages
Google login/authentication
Basic two-factor authentication flow or verification-based login flow

Email Integration using Resend

Use Resend for email functionality.

Your app should be able to send:

Signup or welcome email
Email verification or login verification email
Task reminder email when a reminder is added to a task

Task CRUD Module

Users should be able to:

Create a task
View all tasks
View single task details
Update/edit a task
Delete a task

Each task should include:

Title
Description
Status
Priority
Due date
Reminder date/time
Created date
Updated date

Suggested task statuses:

Pending
In Progress
Completed

Suggested priority levels:

Low
Medium
High

SQL Database / Supabase Integration

Your project must use a SQL database.

You can use Supabase for:

User-related data
Task records
Reminder information
Payment/subscription status if needed

Your database should be properly connected with the Next.js application.

Task Reminder Feature

When a user adds a reminder date/time to a task, the system should support sending a reminder email.

At minimum, students should implement:

Reminder field in task form
Reminder saved in database
Email sent using Resend when reminder is created or triggered

Calendar View

Add a calendar view where users can see their tasks based on due dates or reminder dates.

The calendar view should show:

Upcoming tasks
Task due dates
Reminder dates
Basic task status indicators

Stripe Payment Integration

Add a basic Stripe payment flow.

At minimum, students should implement:

Pricing or upgrade page
Stripe checkout button
Redirect to Stripe checkout
Success page after payment
Cancel page if payment is cancelled

Advanced students may also save payment status in the database.

Dashboard UI

Create a clean user dashboard where users can manage their tasks.

Dashboard should include:

Task list
Add task button/form
Task status filter
Priority filter
Calendar view link/section
User profile or account section
Logout option

GitHub Submission

Your project must be uploaded to GitHub.

GitHub repository requirements:

Repository must be public
Code should be clean and readable
Include a proper README.md file
Add project title and description
Add setup instructions
Add environment variable examples
Add screenshots if possible

Vercel Deployment

Your project must be deployed on Vercel.

Deployment requirements:

App should be live and accessible
No major runtime errors
Environment variables should be configured properly
Authentication and main task features should work on the deployed version

Submission Requirements

Students must submit the following:

Full name
EmpRadar profile link
Public GitHub repository link
Live Vercel deployment link
Short project description
List of completed features
Screenshots or short demo video
Any notes about incomplete or optional features

Minimum Requirements for Certificate Eligibility

To become eligible for the Next.js Skill Verification Certificate, your submission must include:

Working Next.js application
Signup and login functionality
Google authentication or verification-based login flow
Task CRUD operations
SQL database or Supabase integration
Resend email integration
Basic task reminder functionality
Calendar view for tasks
Basic Stripe checkout flow
Public GitHub repository
Live Vercel deployment link

Bonus Features

Students can add extra features for a stronger submission:

Dark/light mode
Drag and drop task board
Search tasks
Task categories or labels
File attachments
Team/shared tasks
Recurring tasks
Better email templates
Payment status saved in database
Responsive mobile design
Admin dashboard

Evaluation Criteria

Your project will be reviewed based on:

Functionality
Code quality
UI/UX design
Proper database usage
Authentication flow
Email integration
Stripe integration
Deployment quality
GitHub repository structure
Completion of required features

Important Note

Incomplete projects, private GitHub repositories, broken Vercel links, missing database integration, or non-working authentication may require revision before the certificate is issued.

Submit your project carefully and make sure your GitHub and Vercel links are working before final submission.

After successful review, eligible students will receive their Next.js Skill Verification Certificate, and their Next.js skill will be marked as verified on EmpRadar.ai.