Immerse yourself in the world of insights, wisdom and inspiring thoughts with our Random Quote Machine. At the click of a button, the app brings you a randomly selected quote from a vast collection of quotes from well-known authors from around the world. Plus, if a quote really resonates with you, you can instantly share it on Twitter! Whether it's for inspiration, reflection, or just enjoying a good date, our Random Quote Machine is here to brighten your day.
React-redux
- This project use React
HTML
- This project use HTML.
CSS
- The CSS is used to provide the design in the whole page.
Linters
- The Linters are tools that help us to check and solve the errors in the code This project count with two linters:
- CSS
- JavaScript
- SPA
- CRA
- Styles
- Router
- Logged
- Toolkit
- React-Redux
- Jest & React Test Library
- Deployment
You can see a Demo here.
To get a local copy up and running, follow these steps. This project requires Node.js and npm installed on your machine.
-Node.js -npm
-Clone this repository to your local machine using:
git clone https://github.com/ClaudiaRojasSoto/Random_Quote_Machine.git
-Navigate to the project folder:
cd math_magicians
-Install the project dependencies:
npm install
To start the development server, run the following command:
npm start
The project follows the following folder and file structure:
/src: Contains the source files of the application./src/index.js: Main entry point of the JavaScript application./src/App.js: Top-level component of the application where components are rendered./src/components: Directory for React components./src/components/quoteBox.js: Component for the quoteBox./src/components/quoteBox.css: Styles for the quote box./src/components/quoteButtons.js: Folder for the quote buttons./src/components/navbar/quoteButtons.css: Styles for the quote Buttons./src/redux: Directory for Redux management./src/redux/store.js: Redux store configuration./src/redux/actions: Folder for Redux actions./src/redux/actions/quoteActions.js: Actions for quote management./src/redux/reducers: Folder for Redux reducers./src/redux/reducers/quoteReducer.js: Reducer for quote management./public: Contains the public files and assets of the application./public/index.html: Base HTML file of the application./build: Contains the generated production files.
Clone this repository to your desired folder: https://github.com/ClaudiaRojasSoto/Random_Quote_Machine.git
Install this project with: install Stylelint and ESLint
To run the project, execute the following command: just need a web Browser
To run tests, run the following command: npm start you just need a simple web browser to run this project for a test
👤 Claudia Rojas
- GitHub: @githubhandle
- LinkedIn: LinkedIn
- AngelList: AngelList
- User keys - login
Contributions, issues, and feature requests are welcome!
Feel free to check the issues page.
If you like this project show support by following this account
- Microverse for providing the opportunity to learn Git and GitHub in a collaborative environment.
- GitHub Docs for providing a wealth of information on Git and GitHub.
This project is MIT.