Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/fiskryeziu/movie_app
fullstack movie app
https://github.com/fiskryeziu/movie_app
Last synced: about 1 month ago
JSON representation
fullstack movie app
- Host: GitHub
- URL: https://github.com/fiskryeziu/movie_app
- Owner: fiskryeziu
- Created: 2023-09-25T11:43:16.000Z (over 1 year ago)
- Default Branch: main
- Last Pushed: 2024-05-05T12:53:04.000Z (8 months ago)
- Last Synced: 2024-05-05T15:56:07.840Z (8 months ago)
- Language: TypeScript
- Homepage: https://movie-app-dun-tau.vercel.app
- Size: 5.67 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Movie App
This is a movie app built with React and Node.js, featuring efficient form validation, data fetching and caching, strongly-typed server-client communication, and more.
## 🔍 Table of Contents
* [💻 Stack](#stack)
* [📝 Project Summary](#project-summary)
* [⚙️ Setting Up](#setting-up)
* [🚀 Run Locally](#run-locally)
* [🙌 Contributors](#contributors)
* [📄 License](#license)
## 💻 Stack
- [react-hook-form](https://github.com/react-hook-form/react-hook-form): Efficient form validation and management.
- [tanstack/react-query](https://github.com/tannerlinsley/react-query): Simplifies data fetching and caching.
- [trpc/client](https://github.com/trpc/trpc): Strongly-typed server-client communication.
- [axios](https://github.com/axios/axios): HTTP client for making requests.
- [tailwindcss](https://github.com/tailwindlabs/tailwindcss): Utility-first CSS framework for styling.
- [zod](https://github.com/colinhacks/zod): Schema validation for data handling.
- [typescript](https://github.com/microsoft/TypeScript): Typed superset of JavaScript for robust code.
- [vite](https://github.com/vitejs/vite): Fast build tool for modern web development.
## 📝 Project Summary
- [**client/src**](client/src): Contains source code for frontend components and utilities.
- [**client/public**](client/public): Assets and files served by the client application.
- [**client/src/components**](client/src/components): Reusable UI components for the frontend.
- [**client/src/context**](client/src/context): Context providers for sharing data across components.
- [**client/src/hooks**](client/src/hooks): Custom React hooks for managing state and side effects.
- [**server**](server): Main directory for backend server code.
- [**server/dist**](server/dist): Compiled output of the server code.
- [**server/lib**](server/lib): Libraries and utilities for server-side functionality.
- [**server/prisma**](server/prisma): Prisma configuration for database access.
- [**server/router**](server/router): Routing logic for handling API endpoints.
## ⚙️ Setting Up
#### Your Environment Variable
- Step 1
- Step 2
## 🚀 Run Locally
1.Clone the movie_app repository:
```sh
git clone https://github.com/fiskryeziu/movie_app
```
2.Install the dependencies with one of the package managers listed below:
```bash
pnpm install
bun install
npm install
yarn install
```
3.Start the development mode:
```bash
pnpm dev
bun dev
npm run dev
yarn dev
```
## 🙌 Contributors
## 📄 License
[**Add Your License**](https://choosealicense.com)
