jnu-day-frame-generator

JnU Day Photo Framing is a web application that allows users to easily create beautifully framed photos for special occasions and social media profiles. With a simple and intuitive interface, users can upload their photos, crop them, and choose between two elegant frame styles: Sajid Frame and Sajid Frame.

Classic Frame.

Features

• Photo Upload: Drag and drop or click to upload your photos.
• Image Cropping: Crop and adjust your photos to fit perfectly within the frames.
• Frame Selection: Choose between Sajid Frame and Classic Frame styles.
• Real-time Preview: Instantly see how your framed photo looks with live previews.
• Social Sharing: Share your framed photos directly to Facebook.
• Download Option: Save your framed photos to your device.

Technologies Used

• React
• TypeScript
• Tailwind CSS
• react-easy-crop
• react-dropzone
• Lucide React Icons

Getting Started

To run this project locally, follow these steps:

1. Clone the repository:

   git clone https://github.com/your-username/jnu-day-frame-generator.git
   cd jnu-day-frame-generator

2. Install dependencies:

   npm install

3. Start the development server:

   npm run dev

4. Open your browser and visit http://localhost:5173 to view the application.

Usage

1. Navigate to the home page to see the available frame options and instructions.
2. Click on "Create Frame" or "Start Framing Now!" to begin.
3. Upload your photo by dragging and dropping or clicking on the upload area.
4. Crop and adjust your photo to fit perfectly inside the frame.
5. Choose your frame: Select between the Sajid Frame or Classic Frame.
6. Preview your framed photo and make adjustments if needed.
7. download your framed photo to your device.