Movie Website using React + Vite

This project is still in progress. I built this movie website to refresh my knowledge of ReactJS after some time away :))

Table of contents

• Overview
  • The challenge
  • Screenshot
  • Links
  • Credit
• My process
  • Built with
  • What I learned
  • Continued development
  • Useful resources
• Acknowledgments
• Author
• Getting Started

🚨 Overview

The challenge

• Build out the project to the designs provided
• Implementing search functionality
• Connecting to Appwrite as back end database

Screenshot

Links

The live site is deployed in vercel

• Live Site URL

Credit

Framer Web Design i used for this project is design by Faruk Yurtseven

⚙️ My process

Built with

• Semantic HTML5 markup
• CSS custom properties
• Flexbox
• CSS Grid
• React JS - React Framework for Production
• Appwrite - For database
• lucide-react - react library that to add icons (menu, search, X)
• react-icons - react library that to add icons (play icon)
• swiper react - JS library to add slider component
• API movies - Movie API from TMDB

What I learned

To be continued..

Continued development

To be continued..

Useful resources

• UI/UX Design Resources from Framer
• Tutorial React JS 19 Movie Application by JavaScript Mastery

Acknowledgments

A HUGE Thanks to Javascript Mastery youtube channel which really helps me in learning about web development. I recommend this channel to everyone who wants to learn about web development and javascript

Author

Github - Shabrina Putri

🤸 Getting Started

To run the development server:

npm run dev