Pomodoro_Clock its a versatile application. Experience a highly functional clock app. Easily set session and break durations, watch an interactive countdown, and receive audio alerts. Build a unique experience using HTML, JavaScript, CSS, and React. Explore time management efficiently and effectively!
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/Pomodoro_Clock.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/BreakControl.js
: Component for the Break Control./src/components/Timer.css
: Styles for the app./src/components/Timer.js
: Folder for the Timer./src/components/SessionControl.js
: Folder for the Session Control/src/components/TimerControls.js
: Folder for the Timer Controls/src/redux
: Directory for Redux management./src/redux/store.js
: Redux store configuration./src/redux/actions
: Folder for Redux actions./src/redux/actions/actionType.js
: Actions for action Type management./src/redux/actions/breakActions.js
: Actions for break Actions management./src/redux/actions/sessionActions.js
: Actions for session Actions management./src/redux/actions/timerActions.js
: Actions for timerActions management./src/redux/reducers
: Folder for Redux reducers./src/redux/reducers/breakReducer.js
: Reducer for break management./src/redux/reducers/sessionReducer.js
: Reducer for session management./src/redux/reducers/timerReducer.js
: Reducer for timer management./src/redux/reducers/rootReducer.js
: Reducer for root 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/Pomodoro_Clock .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.