https://github.com/sinanptm/readify
Article posting application With Nextjs 15 and React 19
https://github.com/sinanptm/readify
article-management jwt nextjs15 nuqs react19 server-actions
Last synced: 4 months ago
JSON representation
Article posting application With Nextjs 15 and React 19
- Host: GitHub
- URL: https://github.com/sinanptm/readify
- Owner: sinanptm
- Created: 2024-10-29T05:58:44.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-11-05T13:28:20.000Z (over 1 year ago)
- Last Synced: 2024-12-31T21:26:27.808Z (over 1 year ago)
- Topics: article-management, jwt, nextjs15, nuqs, react19, server-actions
- Language: TypeScript
- Homepage: https://readify-gamma.vercel.app
- Size: 14.8 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
📖 Readify
Discover, read, and manage your favorite articles effortlessly.
---
## 🌟 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
Frontend
Image Hosting
Database
State Management
Authentication
---
## 📚 Libraries & Tools
---
## 📷 Screenshots
Light Theme
Dark Theme
---
## 🚀 Installation
Follow these steps to set up and run the project locally:
1. **Clone the Repository**
```bash
git clone https://github.com/sinanptm/readify
cd readify
```
2. **Install Dependencies**
```bash
npm install
```
3. **Set Up Environment Variables**
Create a `.env` file in the root directory with the following variables:
```env
MONGO_URI=mongodb+srv://
NODE_ENV=dev
TOKEN_SECRET=ea5dee072dab5318e42e44d6a9a8aa44ec8a6e84f82ea15
NEXT_PUBLIC_API_URL=http://localhost:3000
CLOUDINARY_CLOUD_NAME=dlew32edm
CLOUDINARY_URL=
CLOUDINARY_API_SECRET=
CLOUDINARY_API_KEY=372488991866449
```
4. **Run the Development Server**
```bash
npm run dev
```
Visit `http://localhost:3000` in your browser to see Readify in action.
---
Made with ❤️ by the sinanptm