Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/joaonetogit/movie-store
A frontend built with ReactJS and TypeScript, the project uses modern libraries and tools, including React Router Dom, TailwindCSS, ShadcnUI, Zustand, ViteJS, React Query, Axios, ESLint + Prettier and Vitest. This project is ideal for developers looking for a practical example of a modern and efficient frontend, integrated with a RESTful API.
https://github.com/joaonetogit/movie-store
axios environment-variables eslint pnpm prettier react react-query react-router-dom tailwindcss typescript vercel vitejs vitest zustand
Last synced: 7 days ago
JSON representation
A frontend built with ReactJS and TypeScript, the project uses modern libraries and tools, including React Router Dom, TailwindCSS, ShadcnUI, Zustand, ViteJS, React Query, Axios, ESLint + Prettier and Vitest. This project is ideal for developers looking for a practical example of a modern and efficient frontend, integrated with a RESTful API.
- Host: GitHub
- URL: https://github.com/joaonetogit/movie-store
- Owner: joaonetogit
- Created: 2024-04-27T02:11:43.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-07-11T13:39:38.000Z (4 months ago)
- Last Synced: 2024-07-11T15:42:47.841Z (4 months ago)
- Topics: axios, environment-variables, eslint, pnpm, prettier, react, react-query, react-router-dom, tailwindcss, typescript, vercel, vitejs, vitest, zustand
- Language: TypeScript
- Homepage: https://movie-store-xi.vercel.app/
- Size: 332 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie Store Frontend
This is the frontend for the Movie Store application, developed to consume the [Movie Store API](https://github.com/joaonetogit/api-movie-store). The project is built with ReactJS and TypeScript, using various modern libraries and tools to create an efficient and responsive user interface.
## Technologies Used
- **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.
## Installation
1. Clone this repository:
```bash
git clone https://github.com/joaonetogit/movie-store.git
```
2. Install the dependencies:
```bash
pnpm install
```
## Use
To start the development server, run the following command:
```bash
pnpm dev
```
## Available scripts
- `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.
## Project structure
- **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.
## Contribution
1. Fork this repository.
2. Create a new branch: `git checkout -b my-feature`.
3. Make your changes and commit: `git commit -m 'My new feature'`.
4. Send it to the original branch: `git push origin my-feature`.
5. Create a pull request.