Frontend Application for Quote Management This is a frontend application built with React and Vite that allows users to log in, view a list of quotes, and create new quotes with image uploads. The project is optimized for mobile devices as well as desktop and includes pagination for the quote list.
Features
Login Page: Submit your username and OTP to log in. Quote List: Paginated view of quotes with overlay text on images. Includes a floating action button to create new quotes. Quote Creation: Create quotes by submitting text and uploading an image, which is stored via a media upload API. Live Demo You can view the live application here: "https://quotes-olive-five.vercel.app/"
Getting Started Follow the instructions below to run the project locally.
Prerequisites Ensure you have the following installed:
Node.js (v20.x or above)
Installation
-
Clone this repository:
-
Navigate into the project directory:
-
Install Dependencies : "npm i --force"
-
Build project : "npm run dev"
-
Open the application in your browser at http://localhost:5173