Project Description

Clucker is a text-based social media app where people can share short messages, called clucks, with their friends. Users can create a custom profile, follow their friends and like other clucks.

(see demo images below)

Key Features

• Responsive Design: The front-end layout adapts to various screen dimensions, prioritizing mobile devices
• Security: Implemented NextAuth.js for secure authentication, using Google OAuth 2.0 and JSON Web Tokens (JWTs)
• Efficient Forms: Used zod for quick and easy form validation, while not being too intrusive to the user if they made a mistake
• Hosting with Vercel & AWS: The frontend is hosted on Vercel, while AWS Elastic Beanstalk manages the backend, allowing for 100% uptime

Design Decisions

• Created a cute and fun aesthetic in response to the increasing "maturity" of platforms like Twitter/X
• Employed font-mono for a nostalgic and digital touch, setting it apart from standard fonts like Inter and Arial
• Engineered super-responsive profiles using React, allowing immediate updates with a single click on the follow/unfollow button, unlike apps like Instagram that require a full page refresh for an updated follower/following count
• Incorporated rounded borders and offset for a bubbly depth effect, complementing the overall cute aesthetic
• Maintained a consistent theme and color scheme for a cohesive and branded feel