https://github.com/theakshaymore/imagebase
Imagebase 🤳📸 is a modern image management platform built with Node.js, React, Next.js, and TypeScript. It offers seamless image storage, sharing, and payment functionality, utilizing MongoDB as the database and Razorpay for secure payment processing.
https://github.com/theakshaymore/imagebase
javascript mongodb nextjs nodej razorpay reactjs vercel
Last synced: 3 months ago
JSON representation
Imagebase 🤳📸 is a modern image management platform built with Node.js, React, Next.js, and TypeScript. It offers seamless image storage, sharing, and payment functionality, utilizing MongoDB as the database and Razorpay for secure payment processing.
- Host: GitHub
- URL: https://github.com/theakshaymore/imagebase
- Owner: theakshaymore
- Created: 2025-01-04T13:53:12.000Z (5 months ago)
- Default Branch: main
- Last Pushed: 2025-01-13T10:19:32.000Z (5 months ago)
- Last Synced: 2025-01-24T09:12:59.449Z (5 months ago)
- Topics: javascript, mongodb, nextjs, nodej, razorpay, reactjs, vercel
- Language: TypeScript
- Homepage: https://imagebase.vercel.app/
- Size: 8.61 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 
> **Your modern solution for managing and sharing images effortlessly.**
---
## 🌐 Deployed Link
Check out the live app here: [https://imagebase.vercel.app/](https://imagebase.vercel.app/)
---
## 📸 About
Imagebase 🤳📸 is a powerful platform for managing and sharing images. Built with a modern tech stack, it supports secure payments, advanced image organization, and responsive design for seamless usage on any device.
---
## 🔧 Technologies Used
- **Frontend:** React, Next.js, TypeScript, Javascript
- **Backend:** Node.js,
- **Database:** MongoDB
- **Payment Gateway:** Razorpay
- **Other Technologies:** Mailtrap, nodemailers, ImageKit
---
## 🚀 How to run this in your local machine ???
### Prerequisites
- **Node.js** (v18 or higher) installed on your machine.
- **MongoDB instance** running locally or in the cloud (preferably MongoDB Atlas).
- **Razorpay account** for payment processing.
- **ImageKit account** for image management.
- **MailTrap account** for sending emails.
### Installation
1. Clone the repository:
```bash
git clone https://github.com/theakshaymore/imagebase.git
cd imagebase
```
2. npm install
3. Configure environment variables:
Create a .env file in the root directory and add the following:
Make sure you replace placeholder values (e.g., `your_razorpay_key`) with actual data.
```bash
# MongoDB Configuration
MONGODB_URI=mongodb+srv://:@.mongodb.net/
# Authentication
NEXTAUTH_SECRET=your_nextauth_secret
# ImageKit Configuration
NEXT_PUBLIC_PUBLIC_KEY=your_imagekit_public_key
IMAGEKIT_PRIVATE_KEY=your_imagekit_private_key
NEXT_PUBLIC_URL_ENDPOINT=your_imagekit_url_endpoint
# Razorpay Configuration
RAZORPAY_KEY_ID=your_razorpay_key_id
RAZORPAY_KEY_SECRET=your_razorpay_key_secret
RAZORPAY_WEBHOOK_SECRET=your_razorpay_webhook_secret
# Mailtrap Configuration
MAILTRAP_HOST=sandbox.smtp.mailtrap.io
MAILTRAP_PORT=2525
MAILTRAP_USER=your_mailtrap_user
MAILTRAP_PASS=your_mailtrap_password
```
4. Start the development server:
```bash
npm run dev
```
## THNAK YOU!!!