https://github.com/matiascarabella/nascar-website
U.T.N. Professional Webmaster (Full-Stack) university course final project
https://github.com/matiascarabella/nascar-website
course-project css docker html javascript mysql nascar php utn utn-frba website
Last synced: 4 months ago
JSON representation
U.T.N. Professional Webmaster (Full-Stack) university course final project
- Host: GitHub
- URL: https://github.com/matiascarabella/nascar-website
- Owner: MatiasCarabella
- License: mit
- Created: 2019-10-01T08:18:22.000Z (over 5 years ago)
- Default Branch: main
- Last Pushed: 2024-11-24T01:22:27.000Z (7 months ago)
- Last Synced: 2024-12-28T00:23:51.180Z (6 months ago)
- Topics: course-project, css, docker, html, javascript, mysql, nascar, php, utn, utn-frba, website
- Language: PHP
- Homepage:
- Size: 107 MB
- Stars: 1
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
NASCAR-website: University Course Final Project
This project is a NASCAR-themed website developed for my 2019 'Professional Webmaster' university course. It features a dynamic homepage with news and comments, a race calendar for the year, championship standings, team information categorized by manufacturer, and user authentication with log-in and registration functionalities.
## Features
### Homepage
- Displays the latest news articles.
- Users can comment on news articles.
### Race Calendar
- Provides a year-long calendar of all NASCAR races.
### Championship Standings
- Shows the current standings in the championship.
### Team Information
- Lists teams grouped by manufacturer.
- Provides detailed information about each team.
### Profile/User Settings
- Users can change their profile picture and manage their passwords.
### User Authentication
- Allows users to register and log in to the website.
- Manages user sessions and restricts access to certain features.
## Technologies Used
- Frontend: HTML, CSS, JavaScript, jQuery
- Backend: PHP
- Database: MySQL
- Containerization: Docker
## Setup Instructions
### Prerequisites
- [Docker](https://docs.docker.com/get-started/get-docker/) and [Docker Compose](https://docs.docker.com/compose/)
### Installation
1. Clone the repository:
```
git clone https://github.com/MatiasCarabella/NASCAR-website.git
cd NASCAR-website
```
2. Build and start the Docker containers:
```
docker-compose up --build
```
_The `init.sql` script will be automatically executed to create the necessary tables and insert initial data._
3. Access the website on http://localhost:8080.
## Project Structure
```
/NASCAR-website
│
├── Dockerfile
├── init.sql
├── docker-compose.yml
├── inc/
│ ├── navbar.php
│ └── footer.php
├── index.php
├── article.php
├── schedule.php
├── standings.php
├── teams.php
├── profile.php
├── log-in.php
├── register.php
├── css/
│ ├── normalize.css
│ └── styles.php
├── js/
│ └── ... (js scripts)
├── utils/
│ └── ... (php scripts)
├── img/
│ └── ... (image files)
└── video/
└── ... (video files)
```
## Usage
- **Homepage**: View and comment on the latest NASCAR news.
- **Race Calendar**: Check the schedule for upcoming races.
- **Championship Standings**: See the current standings.
- **Teams**: Explore information about the different teams grouped by manufacturers.
- **My Profile**: Upload your own profile picture, change your password or log out.
- **Log In**/**Register**: Create an account or log in to access personalized features.
## License
This project is licensed under the [MIT License](LICENSE).
## Acknowledgements
- University Course Instructor and Teaching Assistants
- NASCAR for providing inspiration and data for the project
- Open source libraries and tools used in this project