ProgressPoint is a user-centric social platform designed to track and showcase individual progress through posts and profile updates. At its core, users can create profiles, post updates, and monitor your process. Key features include profile customization (bio, location, website), post tracking, edit capabilities, and user authentication. The application ensures dynamic routing for user-specific pages (e.g., /username), metadata generation for SEO, and robust error handling for nonexistent profiles. The client-side interface allows real-time interaction and feedback through modals, tabs, and conditional rendering based on user ownership.
Technologies & Tools Used:
- ·Frontend & Framework:
- Next.js – React framework for routing, SSR, and metadata management.
- React – Component-based UI structure.
- ShadCN/UI – For polished, accessible UI components like buttons, tabs, cards, dialogs.
- Lucide-react – Icon library for consistent, scalable SVG icons.
- ·Backend & Data:
- Prisma – ORM for managing and querying the PostgreSQL database.
- Neon – Serverless PostgreSQL database backend.
- Clerk – Authentication and user management (sign-in, user metadata).
- ·Development& DevOps:
- Visual Studio Code – Primary development environment.
- Vercel – Deployment platform (also handles SSR and build optimizations).
- TypeScript – Ensures type safety and better developer experience.
- ·Utilities:
- date-fns – For formatting dates like "Joined March 2024".
- react-hot-toast – For user feedback via toast notifications.
- FormData API – Used to manage profile update submissions.
