Random Quotes and Sharing Tweets is a simple web application that generates random quotes and allows users to share them on Twitter. The project is built using Tailwind CSS with Vite for efficient development, and it includes a dark mode for an enhanced user experience.
- Random Quotes: Generate random quotes with each refresh.
- Tweet to Twitter: Share your favorite quotes on Twitter directly from the application.
- Dark Mode: Toggle between light and dark mode for personalized viewing.
- Vite: Next-generation frontend build tool.
- Tailwind CSS: Utility-first CSS framework for styling.
Follow these steps to get the project up and running on your local machine:
-
Clone the Repository:
git clone https://github.com/your-username/Random-Quotes-and-sharing-tweets.git
-
Navigate to the Project Directory:
cd Random-Quotes-and-sharing-tweets
-
Install Dependencies:
npm install
-
Build CSS for Production:
npm run build:css
-
Start the Application:
npm start
The application will be accessible at
http://localhost:5173
by default.
- Open the
index.html
file in your web browser. - Click the "Generate Quote" button to get a random quote.
- Use the "Tweet" button to share the quote on Twitter.
Toggle between light and dark mode for a customized viewing experience.
To build the application for production, run:
npm run build
This will generate a dist
folder with the optimized production build.
Contributions are welcome!
Happy quoting and tweeting!