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

• 📝 Project Summary

• ⚙️ Setting Up

• 🚀 Run Locally

• 🙌 Contributors

• 📄 License

💻 Stack

• react-hook-form: Efficient form validation and management.
• tanstack/react-query: Simplifies data fetching and caching.
• trpc/client: Strongly-typed server-client communication.
• axios: HTTP client for making requests.
• tailwindcss: Utility-first CSS framework for styling.
• zod: Schema validation for data handling.
• typescript: Typed superset of JavaScript for robust code.
• vite: Fast build tool for modern web development.

📝 Project Summary

• client/src: Contains source code for frontend components and utilities.
• client/public: Assets and files served by the client application.
• client/src/components: Reusable UI components for the frontend.
• client/src/context: Context providers for sharing data across components.
• client/src/hooks: Custom React hooks for managing state and side effects.
• server: Main directory for backend server code.
• server/dist: Compiled output of the server code.
• server/lib: Libraries and utilities for server-side functionality.
• server/prisma: Prisma configuration for database access.
• 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:

git clone https://github.com/fiskryeziu/movie_app

2.Install the dependencies with one of the package managers listed below:

pnpm install
bun install
npm install
yarn install

3.Start the development mode:

pnpm dev
bun dev
npm run dev
yarn dev

🙌 Contributors

fiskryeziu 41 contributions

📄 License

Add Your License