Skip to content

sinanptm/readify

Repository files navigation

📖 Readify

Discover, read, and manage your favorite articles effortlessly.

Visit Readify

Next.js 15 React 19 TurboPack Enabled


🌟 Features

  • 🕶️ Anonymous Posting: Share thoughts without an account
  • 🎨 Theme Customization: Toggle between light and dark themes
  • 📖 Personalized Feed: Customize your article feed
  • 👍 Like & Share: Interact with favorite articles
  • 🔍 Search with Debounce: Smooth, responsive searching
  • 📸 Cloudinary Image Uploads: Effortless image management
  • 📊 Nuqs State Management: Efficient search and pagination
  • 🔐 JWT Authentication: Secure and private access

🛠️ Tech Stack

Category Technology
Framework Next.js 15
Frontend TailwindCSS Radix UI
Image Hosting Cloudinary
Database MongoDB Mongoose
State Management Nuqs
Authentication JWT

📚 Libraries & Tools

TypeScript React Query ESLint Zod React Hook Form SWR clsx


📷 Screenshots

Light Theme Dark Theme
Light Theme Dark Theme

🚀 Installation

Follow these steps to set up and run the project locally:

  1. Clone the Repository

    git clone https://github.com/sinanptm/readify
    cd readify
  2. Install Dependencies

    npm install
  3. Set Up Environment Variables

    Create a .env file in the root directory with the following variables:

    MONGO_URI=mongodb+srv://<your-mongo-connection-string>
    NODE_ENV=dev
    TOKEN_SECRET=ea5dee072dab5318e42e44d6a9a8aa44ec8a6e84f82ea15
    NEXT_PUBLIC_API_URL=http://localhost:3000
    CLOUDINARY_CLOUD_NAME=dlew32edm
    CLOUDINARY_URL=<your-cloudinary-url>
    CLOUDINARY_API_SECRET=<your-cloudinary-api-secret>
    CLOUDINARY_API_KEY=372488991866449
  4. Run the Development Server

    npm run dev

    Visit http://localhost:3000 in your browser to see Readify in action.


Made with ❤️ by the sinanptm