Random Dz Quote Machine
Random DZ Quote Machine" is a web app that generates random Algerian quotes to inspire and offer insights into Algeria’s culture. Users can fetch new quotes and share their favorites on Twitter or BlueSky
DZ Random Quote Machine
This project was created as part of FreeCodeCamp's Front End Development Libraries certification. For more details, check out the project description file.
📝 Table of Contents
- About
- Demo
- Features
- Technologies Used
- Getting Started
- Project Structure
- Contributing
- Other FCC Projects
- Authors
- License
ℹ️ About
This application generates random Algerian quotes to inspire you and offer insights into Algeria’s culture and values.You can also share your favorite quotes on Twitter or BlueSky with a single click.
🎥 Demo
✨ Features
- 🎲 Generate random Algerian quotes from a diverse collection.
- 🔄 Fetch a new quote with the "New Quote" button.
- 🐦 Share your favorite quotes directly on Twitter.
- 💙 Share your quotes on BlueSky with the "Skeet" button.
- 🌐 Multi-language support (Arabic and English).
🛠️ Technologies Used
- React v17 (as per FreeCodeCamp requirements)
- TypeScript for static typing
- Tailwind CSS for styling
- Vite for fast development and bundling
- ESLint for code linting and quality control
- Prettier for code formatting
- Font Awesome for icons and symbols
🏁 Getting Started
Follow these steps to get a local copy up and running:
1. Prerequisites
- Node.js (version 12 or higher)
- npm (usually comes with Node.js)
- Git
2. Clone the Repository
git clone [email protected]:MohamedLamineF/Random-DZ-Quote-Machine.git
3. Navigate to the Project Directory
cd Random-DZ-Quote-Machine
4. Install Dependencies
npm install
5. Start the Development Server
npm run dev
🌳 Project Structure
src/
├── components/
│ └── QuoteContainer.tsx
├── hooks/
│ └── useQuotes.ts
|── App.tsx
|── types.ts
└── main.tsx
🛠️ Contributing
We welcome contributions! If you have ideas for improving this project, please feel free to:
- Open an issue to suggest changes or report bugs.
- Submit a pull request with your improvements.
🎯 Other FCC Projects
Check out my other projects from the FreeCodeCamp Frontend Development Libraries certification:
✍️ Authors
Made with ❤️ by Lamine 😛
License
This project is licensed under the MIT License - see the license file for details.
