Eryss

Discover and share visual inspiration

---

✨ About

Eryss is where visual inspiration lives. Think Pinterest, but cleaner. Upload, discover, and save images that catch your eye. Whether you're hunting for design ideas, building mood boards, or just appreciating good aesthetics, this is your space.

🚀 Features

• 🖼️ Masonry Grid Layout - Responsive grid that adapts to different image sizes
• 👤 User Profiles - Personal spaces for your curated collections
• ❤️ Like & Save - Save images to collections and show appreciation
• 🔍 Search - Find images and users
• 🌍 Explore - Discover trending and popular content
• 👥 Follow System - Follow users and build your network
• 📱 Responsive - Works on desktop, tablet, and mobile
• 🔐 Authentication - Google OAuth integration
• ⚡ Performance - Optimized with App Router, image lazy loading, and efficient caching

🛠️ Tech Stack

Frontend

• Next.js 15 - React framework with App Router
• TypeScript - Type-safe development
• Tailwind CSS - Utility-first styling
• shadcn/ui - High-quality component library
• Framer Motion - Smooth animations and transitions

Backend & Database

• PostgreSQL - Primary database
• Prisma - Type-safe database ORM
• Next.js API Routes - Backend API endpoints
• NextAuth.js - Authentication solution
• Cloudinary - Image optimization and delivery

Development Tools

• Vercel - Deployment platform
• ESLint - Code linting and formatting
• Zod - Schema validation
• React Masonry CSS - Grid layout

⚙️ Local Development

Prerequisites

• Node.js 18+
• npm or yarn
• PostgreSQL database (or your preferred database)

Installation

1. Clone the repository

   git clone https://github.com/coffeeboi0811/eryss.git
   cd eryss

2. Install dependencies

   npm install

3. Set up environment variables

   cp .env.example .env.local

   Fill in your database URL, NextAuth secret, and other required variables.

4. Set up the database

   npx prisma migrate dev
   npx prisma generate

5. Run the development server

   npm run dev

6. Open your browser Navigate to http://localhost:3000

🤝 Contributing

Contributions are welcome! Please feel free to submit a Pull Request. For major changes, please open an issue first to discuss what you would like to change.

1. Fork the repository
2. Create your feature branch (git checkout -b feature/AmazingFeature)
3. Commit your changes (git commit -m 'Add some AmazingFeature')
4. Push to the branch (git push origin feature/AmazingFeature)
5. Open a Pull Request

👨‍💻 Author

CoffeeBoi - @coffeeboi0811

---

Built with lots of ☕

Report Bug • Request Feature