React Movie App

This project was created with Vite and is built with React and TypeScript.

Live

https://jazzy-griffin-b6a780.netlify.app/

Getting Started

Install dependencies: npm install Run the development server: npm run dev Available Scripts

npm run dev

Runs the development server.

npm run build

Builds the app for production. The build artifacts will be located in the dist/ directory.

npm run lint

Lints the code using ESLint.

Folder structure

src/
├── assets/
├── components/
│ ├── base/
│ ├── block/
│ └── feature/
├── layouts/
├── routes/
├── store/
├── types/
└── utils/

Project Structure

src/ - the main source directory

components/ - reusable UI components used throughout the app

base/ - basic building block components

feature/ - more complex components that combine base components

layouts/ - top-level layouts for different pages in the app

routes/ - route definitions for the app

store/ - Redux store setup and slice definitions

utils/ - utility functions used throughout the app

App.tsx - the main app component

index.tsx - the entry point for the app

public/ - public assets directory

tsconfig.json - TypeScript configuration

vite.config.js - Vite configuration

package.json - project dependencies and scripts

Dependencies

This project uses the following dependencies:

React, React Router, Redux Toolkit, Chroma.js, Classnames, Tailwind CSS