Image Framer

This project was conceived with the aim of assisting professional photographers, who often find themselves in need of adding frames to their images for various reasons, such as respecting authorial rights or enhancing the promotion of events on social media platforms.

The web application offers a straightforward solution: users can upload their images, perform basic cropping if required, and apply a variety of frames. Additionally, users have the flexibility to upload their own custom frames, complete with relevant information such as names and additional details to enhance usability.

Tech Stack

• React
• TypeScript
• Vite
• TailwindCSS
• React Crop Image (WIP)
• Firebase (WIP)

Template

This template provides a minimal setup to get React working in Vite with HMR and some ESLint rules.

Currently, two official plugins are available:

• @vitejs/plugin-react uses Babel for Fast Refresh
• @vitejs/plugin-react-swc uses SWC for Fast Refresh

Expanding the ESLint configuration

If you are developing a production application, we recommend updating the configuration to enable type aware lint rules:

• Configure the top-level parserOptions property like this:

export default {
  // other rules...
  parserOptions: {
    ecmaVersion: 'latest',
    sourceType: 'module',
    project: ['./tsconfig.json', './tsconfig.node.json'],
    tsconfigRootDir: __dirname,
  },
}

• Replace plugin:@typescript-eslint/recommended to plugin:@typescript-eslint/recommended-type-checked or plugin:@typescript-eslint/strict-type-checked
• Optionally add plugin:@typescript-eslint/stylistic-type-checked
• Install eslint-plugin-react and add plugin:react/recommended & plugin:react/jsx-runtime to the extends list