https://github.com/abhishek72340/quote-craft
quote-craft can create quote with image
https://github.com/abhishek72340/quote-craft
react responsive tailwind vite-react
Last synced: 2 months ago
JSON representation
quote-craft can create quote with image
- Host: GitHub
- URL: https://github.com/abhishek72340/quote-craft
- Owner: abhishek72340
- Created: 2024-07-12T21:06:22.000Z (10 months ago)
- Default Branch: master
- Last Pushed: 2024-07-13T04:12:44.000Z (10 months ago)
- Last Synced: 2025-01-21T20:15:54.701Z (4 months ago)
- Topics: react, responsive, tailwind, vite-react
- Language: JavaScript
- Homepage: https://quote-craft.vercel.app
- Size: 52.7 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Quote-Craft
QuoteMediaApp is a frontend application that allows users to create, upload, and view quotes with associated images. The application consists of three main pages: Login, Quote List, and Quote Creation.
## Features
1. **Login Page**: Allows users to log in using a unique username and OTP.
2. **Quote List Page**: Displays a paginated list of quotes with images, overlay text, username, and creation date. Includes a floating action button to navigate to the quote creation page.
3. **Quote Creation Page**: Allows users to create a new quote with text and an uploaded image. The image is uploaded to obtain a `mediaUrl`, which is then used to create the quote.
## Technologies Used
- React
- Tailwind CSS
## Installation
1. **Clone the Repository**:
```sh
git clone https://github.com/yourusername/Quote-Craft.git
cd Quote-Craft
npm install
npm run dev