This is the frontend for the Movie Store application, developed to consume the Movie Store API. The project is built with ReactJS and TypeScript, using various modern libraries and tools to create an efficient and responsive user interface.
- ReactJS TypeScript: Framework and main language for development.
- React Router Dom: Route management.
- TailwindCSS: Fast and responsive styling.
- ShadcnUI: Reusable UI components.
- Zustand: State management.
- ViteJS: Fast and efficient build tool.
- React Query: Asynchronous state management and caching.
- Axios: Execution of HTTP requests.
- ESLint Prettier: Code linting and formatting.
- Vitest: Unit tests.
- Clone this repository:
git clone https://github.com/joaonetogit/movie-store.git
- Install the dependencies:
pnpm install
To start the development server, run the following command:
pnpm dev
pnpm dev
: Starts the development server.pnpm build
: Creates a production version of the application.pnpm lint
: Runs ESLint to check for linting problems.pnpm prettier
: Runs Prettier to format the code.pnpm test
: Runs tests using Vitest.
- src/: Main source code directory.
- tests/: Unit tests.
- api/: Axios settings.
- components/: Reusable components.
- functions/: API settings and calls.
- pages/: Application pages.
- store/: Zustand settings for state management.
- Fork this repository.
- Create a new branch:
git checkout -b my-feature
. - Make your changes and commit:
git commit -m 'My new feature'
. - Send it to the original branch:
git push origin my-feature
. - Create a pull request.