https://github.com/sayansomya/swc_project
SWC HTML/CSS/JS project
https://github.com/sayansomya/swc_project
api css html-css-javascript html5
Last synced: over 1 year ago
JSON representation
SWC HTML/CSS/JS project
- Host: GitHub
- URL: https://github.com/sayansomya/swc_project
- Owner: SayanSomya
- Created: 2023-06-08T22:17:57.000Z (about 3 years ago)
- Default Branch: main
- Last Pushed: 2024-08-28T19:53:15.000Z (almost 2 years ago)
- Last Synced: 2025-02-03T19:59:38.390Z (over 1 year ago)
- Topics: api, css, html-css-javascript, html5
- Language: CSS
- Homepage: https://sayansomya.github.io/SWC_project/
- Size: 61.5 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# 🎬 Movie Listing Website
This project is a movie listing website created using **HTML**, **CSS**, and **JavaScript**. The website provides features such as search options, light-to-dark theme mode, a "show more" button, and more. It utilizes the [TMDB (The Movie Database) API](https://www.themoviedb.org/documentation/api) to retrieve and display movie data.
## ✨ Features
- 🔍 **Search Options:** Easily search for movies by title or keywords.
- 🌗 **Light/Dark Theme Mode:** Toggle between light and dark themes for a better user experience.
- ➕ **Show More Button:** Display additional movies or content on demand.
## 🛠️ Technologies Used
- **HTML**: For the website's structure.
- **CSS**: For styling and layout.
- **JavaScript**: For dynamic content and interactivity.
- **Movies API (TMDB)**: To fetch and display movie data.
## 🚀 Getting Started
To run this project locally:
1. Clone the repository:
```bash
git clone https://github.com/SayanSomya/movie-listing-website.git
```
2. Navigate to the project directory:
```bash
cd movie-listing-website
```
3. Open the `index.html` file in your browser.
## 🗝️ API Usage
This project uses the TMDB API to fetch movie data. You need to sign up at [TMDB](https://www.themoviedb.org/) to get an API key.
Replace `YOUR_API_KEY` in the JavaScript code with your actual API key: