https://github.com/jonathanedwardlee/leadership-class-website
Rock Band Website built using React, Vite, Bootstrap, and Python/Django for backend messageboard
https://github.com/jonathanedwardlee/leadership-class-website
bootstrap django javascript python react vite
Last synced: 3 months ago
JSON representation
Rock Band Website built using React, Vite, Bootstrap, and Python/Django for backend messageboard
- Host: GitHub
- URL: https://github.com/jonathanedwardlee/leadership-class-website
- Owner: JonathanEdwardLee
- Created: 2024-05-16T06:31:04.000Z (about 2 years ago)
- Default Branch: master
- Last Pushed: 2024-06-02T03:38:31.000Z (about 2 years ago)
- Last Synced: 2025-07-12T00:33:28.417Z (12 months ago)
- Topics: bootstrap, django, javascript, python, react, vite
- Language: JavaScript
- Homepage:
- Size: 3.92 MB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Leadership Class Band Website
Welcome to the official website of **Leadership Class**, an alternative rock band from Springfield, MO. This project showcases the band's online presence, including a message board, games, and more.
## Table of Contents
- [Introduction](#introduction)
- [Features](#features)
- [Technologies Used](#technologies-used)
- [Installation](#installation)
- [Usage](#usage)
- [Project Structure](#project-structure)
- [Contributing](#contributing)
- [License](#license)
- [Contact](#contact)
## Introduction
Leadership Class is a band that blends the creativity of indie and alt-rock music. This website is a comprehensive platform where fans can explore the band's music, engage with interactive games, and stay updated with the latest news and events.
## Features
- **Homepage**: An engaging homepage with a hero section featuring the band and the latest news.
- **Navigation**: Easy-to-use navigation with links to different sections of the website.
- **News and Updates**: A section dedicated to the latest news and upcoming events, styled using Bootstrap for a modern look.
- **Games**: Interactive games section with links to the Guestbook and Music Theory Trivia.
- **Message Board**: A message board where fans can leave and view messages.
- **Responsive Design**: Fully responsive design that looks great on both desktop and mobile devices.
## Technologies Used
- **React**: For building the frontend components.
- **Vite**: For a fast and optimized build setup.
- **Bootstrap**: For styling and layout.
- **Python/Django**: Backend for interactive games and message board.
- **GoDaddy**: Hosting the dynamic parts of the website.
## Installation
To set up the project locally, follow these steps:
1. **Clone the repository**:
```sh
git clone https://github.com/JonathanEdwardLee/leadership-class-website.git
cd leadership-class-website
```
2. **Install dependencies**:
```sh
npm install
```
3. **Run the development server**:
```sh
npm run dev
```
## Usage
After setting up the project, you can navigate through the different sections of the website:
- **Home**: Contains the hero section and the latest news.
- **Music**: Links to the band's music on Bandcamp.
- **Merch**: Links to the band's merchandise on Shopify.
- **Videos**: Links to the band's YouTube channel.
- **Tour**: Links to the band's tour dates.
- **Contact**: Links to the band's contact information.
- **Guestbook**: Links to the message board.
- **Games**: Links to interactive games like the Guestbook and Music Theory Trivia.
## Project Structure
Here's a brief overview of the project's structure:
/src
/components
- Header.jsx
- Navigation.jsx
- Footer.jsx
- NewsSection.jsx
- QuestionCard.jsx
/pages
- MainPage.jsx
- Games.jsx
- PlaceholderPage.jsx
- TriviaPage.jsx
/styles
- App.css
- Navigation.css
- NewsSection.css
- QuestionCard.css
App.jsx
index.jsx
/public
index.html
images/
README.md
## Contributing
Contributions are welcome! If you have any ideas, feel free to open an issue or submit a pull request.
## License
This project is licensed under the MIT License. See the [LICENSE](LICENSE) file for details.
## Contact
For any inquiries, please contact:
- **Jonathan Lee** - [GitHub](https://github.com/JonathanEdwardLee)
- Visit our [Website](https://leadershipclassmusic.com)