https://github.com/luc-ribeiro/player-redux-zustand

A video player app to practice Redux and Zustand concepts and fundamentals.
https://github.com/luc-ribeiro/player-redux-zustand

react redux tailwindcss vitest zustand

Last synced: about 2 months ago
JSON representation

A video player app to practice Redux and Zustand concepts and fundamentals.

• Host: GitHub
• URL: https://github.com/luc-ribeiro/player-redux-zustand
• Owner: luc-ribeiro
• Created: 2024-06-20T03:27:13.000Z (7 months ago)
• Default Branch: main
• Last Pushed: 2024-06-20T03:41:50.000Z (7 months ago)
• Last Synced: 2024-06-20T15:31:22.154Z (7 months ago)
• Topics: react, redux, tailwindcss, vitest, zustand
• Language: TypeScript
• Homepage:
• Size: 69.3 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  Player Redux Zustand








  



📁 Project


A video player app to practice Redux and Zustand concepts and fundamentals. This project helped me better understand global state management libraries and how to integrate it effectively within a React application.

![image](https://github.com/luc-ribeiro/player-redux-zustand/assets/69688077/6eaa8738-3fda-402c-a5eb-13eea4dcefa5)

💻 Techs


- ReactJS

- TailwindCSS

- Redux

- Zustand

- Vitest

💡 How to run


To run the application on your local machine, make sure you have `Node.js` and `npm` installed before proceeding with the steps below:

1. Clone the project:

```

$ git clone https://github.com/luc-ribeiro/player-redux-zustand

```

2. Navigate to the folder of the project:

```

$ cd player-redux-zustand

```

3. Install the dependencies:

```

$ npm install

```

4. Start the JSON server:

```

$ npm run server

```

5. Start the app:

```

$ npm run dev

```

⚠️ Important: To explore the Redux usage in this project, you can uncomment the Redux component in the ```app.tsx``` file.

📝 License


This project is licensed under the MIT license.