https://github.com/anav5704/movie-react

Movie search app using OMDB api
https://github.com/anav5704/movie-react

omdb-api reactjs tailwindcss

Last synced: about 2 months ago
JSON representation

Movie search app using OMDB api

• Host: GitHub
• URL: https://github.com/anav5704/movie-react
• Owner: anav5704
• Created: 2023-06-25T03:28:40.000Z (over 1 year ago)
• Default Branch: main
• Last Pushed: 2023-12-22T22:29:29.000Z (about 1 year ago)
• Last Synced: 2023-12-23T07:25:09.475Z (about 1 year ago)
• Topics: omdb-api, reactjs, tailwindcss
• Language: JavaScript
• Homepage: https://imnotdb.netlify.app
• Size: 9.45 MB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: readme.md

Awesome Lists containing this project

README

        
# IMnotDB - React Movies 🎬

![hero](https://github.com/anav5704/Movie-React/blob/main/docs/imnotdb.png)

This is a simple movie website where users can search for movies, TV shows, and anime. This was my first ever React JS project and used the open movie database  (OMDB) API to fetch the results. I was blown away when I learned about conditional rendering using JavaScript ternary operators.

## Technologies Used

- React JS

- OMDB API

## Getting Started

First fork and clone the repo. Then, run ```npm install``` to download all the dependencies. Now make a ```.env``` file in the root of the project and add your API key from OMDB:

```

VITE_API_KEY

```

Once that is done, run npm start to view it on localhost.

## Learning Resources

- [React JS crash course](https://www.youtube.com/watch?v=b9eMGE7QtTk)

- [React JS in 100 seconds](https://www.youtube.com/watch?v=HyWYpM_S-2c)

- [React JS docs](https://react.dev/)