Skip to content

MatiasCarabella/NASCAR-website

Repository files navigation

HTML CSS JavaScript jQuery PHP Composer MySQL Docker

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: Hero section and latest NASCAR news headlines.
  • News Articles: See the full version of the articles and comment on them.
  • Race Calendar: Check the schedule for upcoming races.
  • Championship Standings: See the current standings.
  • Teams: Explore information about the different teams grouped by manufacturers.
  • Log In/Register: Create an account or log in to access personalized features.
  • My Profile: Upload your own profile picture, change your password or log out.

Screenshots

Homepage

image

image

News Articles

image

image

Race Calendar

image

image

Championship Standings

image

Team Information

image

image

User Authentication

image

Profile/User Settings

image

Setup Instructions

Prerequisites

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)

Formatting

This project uses PHP CS Fixer to ensure consistent code style. The formatting rules are defined in the .php-cs-fixer.php file at the project root.

To automatically format your code, run:

composer format

If you are using an unsupported version of PHP, you may need to bypass the version check:

Powershell: $env:PHP_CS_FIXER_IGNORE_ENV=1; composer format | Bash: PHP_CS_FIXER_IGNORE_ENV=1 composer format

License

This project is licensed under the MIT License.

Acknowledgements

  • University course professor and teaching assistants
  • NASCAR for providing inspiration and data for the project
  • Open source libraries and tools used in this project

About

U.T.N. Professional Webmaster (Full-Stack) university course final project

Topics

Resources

License

Stars

Watchers

Forks