-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
1 parent
ac5a384
commit 380b283
Showing
1 changed file
with
52 additions
and
32 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -1,72 +1,92 @@ | ||
<img width="1280" alt="readme-banner" src="https://github.com/user-attachments/assets/35332e92-44cb-425b-9dff-27bcf1023c6c"> | ||
|
||
# Los Angeles Drive 🌃 | ||
# 🌃 Los Angeles Drive | ||
|
||
--- | ||
|
||
## Basic Details | ||
### Team Name: Los Santos Legends | ||
|
||
### **Team Name:** | ||
**Los Santos Legends** | ||
|
||
### **Team Members** | ||
- **Team Lead:** Joe George | ||
*St. Joseph's College of Engineering and Technology, Palai* | ||
|
||
### Team Members | ||
- Team Lead: Joe George - St. Joseph's College of Engineering and Technology, Palai | ||
--- | ||
|
||
### Project Description | ||
### **Project Description** | ||
The Los Angeles Drive project offers an immersive driving experience inspired by the vibrant streets of Los Angeles. Users can enjoy a realistic journey through iconic locations while listening to an exciting soundtrack, making everyday drives feel exhilarating and fun! Click on the heading in the Website for a surprise✨. | ||
|
||
### The Problem (that doesn't exist) | ||
--- | ||
|
||
### **The Problem (that doesn't exist)** | ||
In a world filled with mundane commutes and boring playlists, countless individuals are suffering from an acute lack of excitement during their daily drives. Drivers are increasingly faced with the tragic reality of not having a video game-inspired experience to brighten their journeys! | ||
|
||
### The Solution (that nobody asked for) | ||
--- | ||
|
||
### **The Solution (that nobody asked for)** | ||
This project brings the thrill of a video game to daily commutes, providing an interactive video experience that transforms mundane drives into captivating adventures. By integrating a dynamic soundtrack and stunning visuals, we aim to elevate the driving experience and spark joy in every journey. | ||
|
||
--- | ||
|
||
## Technical Details | ||
### Technologies/Components Used | ||
For Software: | ||
|
||
### **Technologies/Components Used** | ||
**For Software:** | ||
- HTML5 | ||
- CSS3 | ||
- Tailwind Framework | ||
- YouTube API | ||
- Javascript | ||
- VS Code | ||
|
||
For Hardware: | ||
**For Hardware:** | ||
- Macbook Air | ||
|
||
### Implementation | ||
--- | ||
|
||
### **Implementation** | ||
For Software: | ||
The Project is deployed as a website which can be viewed by clicking [here](https://joegeorge022.github.io/Los-Angeles-Drive/) | ||
The Project is deployed as a website which can be viewed by clicking [here](https://joegeorge022.github.io/Los-Angeles-Drive/). | ||
|
||
#### Note: There is an additional webpage to the project. I meant for the 2nd webpage to be an easter egg but I dont want it to go unnoticed. Click on the "Los Santos Gta-5" text on the first webpage to go to a night themed Webpage | ||
#### **Note:** | ||
There is an additional webpage to the project. I meant for the 2nd webpage to be an easter egg but I don't want it to go unnoticed. Click on the "Los Santos Gta-5" text on the first webpage to go to a night-themed Webpage. | ||
|
||
### Project Documentation | ||
For Software: | ||
--- | ||
|
||
# Screenshots (Add at least 3) | ||
![Screenshot1](Screenshots/pic1.png) | ||
*This screenshot showcases the user interface of the Los Angeles Drive project, highlighting the driving video and the interactive controls.* | ||
## Project Documentation | ||
|
||
![Screenshot4](Screenshots/pic4.png) | ||
*This screenshot showcases the night-themed Los Angeles drive, highlighting the music video Midnight City, Gta-5 .* | ||
### **Screenshots** | ||
![Screenshot1](Screenshots/pic1.png) | ||
*User interface of the Los Angeles Drive project, showcasing the driving video and interactive controls.* | ||
|
||
![Screenshot2](Screenshots/pic2.png) | ||
*In this screenshot, users can see the volume control and play/pause buttons, designed for a sleek and user-friendly experience.* | ||
![Screenshot4](Screenshots/pic4.png) | ||
*Night-themed Los Angeles drive, highlighting the music video "Midnight City, Gta-5."* | ||
|
||
![Screenshot3](Screenshots/pic3.png) | ||
*This screenshot illustrates the current time and weather display, providing users with real-time updates as they enjoy their drive.* | ||
![Screenshot2](Screenshots/pic2.png) | ||
*Volume control and play/pause buttons, designed for a sleek and user-friendly experience.* | ||
|
||
# Diagrams | ||
![Workflow](Add your workflow/architecture diagram here) | ||
*Add caption explaining your workflow* | ||
![Screenshot3](Screenshots/pic3.png) | ||
*Current time and weather display, providing users with real-time updates as they enjoy their drive.* | ||
|
||
--- | ||
|
||
# Video | ||
[Add your demo video link here] | ||
*Explain what the video demonstrates* | ||
## **Videos Used** | ||
- [Midnight City Music Video](https://youtu.be/D_4S4mT3xG0?si=ieAESdp9XJ2YZlch) | ||
- [Los Angeles 4K Night Drive](https://youtu.be/WL-xeM0RD7E?si=H8TjNcDeD-GgeKWT) | ||
*These videos are embedded in the site.* | ||
|
||
## Team Contributions | ||
--- | ||
|
||
## **Team Contributions** | ||
- Not Applicable | ||
|
||
--- | ||
|
||
Made with ❤️ at TinkerHub Useless Projects | ||
|
||
![Static Badge](https://img.shields.io/badge/TinkerHub-24?color=%23000000&link=https%3A%2F%2Fwww.tinkerhub.org%2F) | ||
![Static Badge](https://img.shields.io/badge/TinkerHub-24?color=%23000000&link=https%3A%2F%2Fwww.tinkerhub.org%2F) | ||
![Static Badge](https://img.shields.io/badge/UselessProject--24-24?link=https%3A%2F%2Fwww.tinkerhub.org%2Fevents%2FQ2Q1TQKX6Q%2FUseless%2520Projects) | ||
[SJCET Tinkerhub](https://www.tinkerhub.org/campus/2165/St.%20Josephs%20College%20of%20Engineering%20and%20Technology,%20Choondacherry) | ||
--- |