Post It is a lightweight, modern web app built with Next.js, allowing users to sign up, create posts with images, like posts, and explore what others share.It's designed to be fast, elegant, and easy to extend — with built-in leaderboard rankings.
--📝 Full Post Creation
Users can create posts with text, images, and real-time previews.
--🖊️ Post Editing
Edit your existing posts anytime — intuitive and smooth UX.
--🔐 Secure Authentication
Built with JWT and bcrypt for strong session security and data protection.
--❤️ Like Functionality
Like/unlike posts with instant visual feedback using React state hooks.
--📸 Image Upload & Preview
Solved tricky image handling with base64 encoding and dynamic routing in Next.js.
--🏆 Leaderboard
Displays top users based on activity.
--🧠 Real-time UI Updates
Seamless interactivity with React hooks and conditional rendering.
--🌐 MongoDB Integration
All data is persisted securely in a cloud-hosted MongoDB, with full CRUD support.
Check out the live app here: Live Deployment
git clone https://github.com/AjayChikate/PostIt.git
npm install
npm run devFirst install dependencies
npm install axios jose bcryptjs mongoose react-icons Run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.js. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.