Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/prititi/movie_rating_app
https://github.com/prititi/movie_rating_app
css javascript mui-material reactjs redux redux-toolkit tailwind-css vite
Last synced: 7 days ago
JSON representation
- Host: GitHub
- URL: https://github.com/prititi/movie_rating_app
- Owner: prititi
- Created: 2024-06-10T14:56:29.000Z (7 months ago)
- Default Branch: main
- Last Pushed: 2024-06-12T05:49:43.000Z (7 months ago)
- Last Synced: 2024-11-07T19:26:08.874Z (about 2 months ago)
- Topics: css, javascript, mui-material, reactjs, redux, redux-toolkit, tailwind-css, vite
- Language: JavaScript
- Homepage: https://movie-rating-app-gold.vercel.app
- Size: 331 KB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# React + Vite
This template sets up React with Vite, including Hot Module Replacement (HMR) and some ESLint rules.
## Plugins
| Plugin | Description | Link |
|--------|-------------|------|
| @vitejs/plugin-react | Uses Babel for Fast Refresh | [Plugin React](https://github.com/vitejs/vite-plugin-react/blob/main/packages/plugin-react/README.md) |
| @vitejs/plugin-react-swc | Uses SWC for Fast Refresh | [Plugin React SWC](https://github.com/vitejs/vite-plugin-react-swc) |
## Project Overview
This Movie Rating and Queue App offers:
| Feature | Description |
|---------|-------------|
| **Movie Ratings** | Rate movies from 0 to 5 stars. |
| **Queue Management** | Add movies to your watch queue. |
## Features
| Feature | Description |
|---------|-------------|
| **Star-based movie ratings** | Rate movies using a straightforward star-based system. |
| **Queue management** | Organize your movie choices with the "Add to Queue" feature. |
| **Vast movie library** | Explore a wide variety of movie titles. |
| **User-friendly design** | Easy navigation for a delightful movie rating and queue experience. |
| **High-quality visuals** | Beautifully presented movie cards with high-quality posters and smooth animations. |
## Dependencies
| Dependency | Description |
|------------|-------------|
| **Tailwind CSS** | Utility-first CSS framework for styling. |
| **ReduxJS** | State management for JavaScript apps. |
## Purpose
| Objective | Description |
|-----------|-------------|
| **Rate and share opinions** | Users can rate movies and share their opinions. |
| **Manage personal movie queue** | Users can manage a list of movies they want to watch. |
## Getting Started
To create a new project:
```bash
npm create vite@latest my-project -- --template react
```
## Scripts
| Script | Description |
|--------|-------------|
| `npm run dev` | Runs the app in development mode at [http://localhost:5173](http://localhost:5173). |
| `npm test` | Launches the test runner. |
| `npm run build` | Builds the app for production. |
| `npm run eject` | Removes the single build dependency and copies configuration files. |
## Deployment Link:
https://movie-rating-app-gold.vercel.app/
I hope this helps!