Skip to content

Commit

Permalink
Updated README.md
Browse files Browse the repository at this point in the history
  • Loading branch information
joegeorge022 authored Nov 2, 2024
1 parent ac5a384 commit 380b283
Showing 1 changed file with 52 additions and 32 deletions.
84 changes: 52 additions & 32 deletions README.md
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)
---

0 comments on commit 380b283

Please sign in to comment.