Table of Contents

• About the Project
  • Built With
    • Tech Stack
    • Key Features
  • Live Demo
• Getting Started
  • Setup
  • Prerequisites
  • Install
  • Usage
  • Run tests
  • Deployment
• Authors
• Future Features
• Contributing
• Show your support
• Acknowledgements
• License

[Online Ticket]

This is my first capstone project. I design a web page for purchasing tickets online to attend programes, shows, concert parties, etc. The project was based on Cindy Shin's design.

Built With

• CSS,
• Tailwind CSS
• Daisyui
• Html
• Javascript

Tech Stack N/A

Key Features

• N/A

Live Demo

• GitHub Pages:

• https://shafiuyushawu.github.io/Online-Ticket/

Presentation

• https://www.loom.com/share/77da53f65e794e9b974477cda147133d

Getting Started

To get this locally

• You need git installed on your system

• Run in your terminal git clone https://github.com/shafiuyushawu/Online-Ticket-

• Cd to the local directory

• Run these commands to install the follwing packages.

  1. npm install -D tailwindcss to initialize tailwind css via npm

  2. npx tailwindcss init to create tailwind.config.js

  3. npx tailwindcss -i ./src/input.css -o ./dist/output.css --watch

  4. npm install daisyui to install daisyui packages.

  5. Copy below and paste it in tailwind.config.js file in the root folder to replace the whole content.

  /** @type {import('tailwindcss').Config} / module.exports = { content: ['./src/**/.{html,js}'], theme: { extend: {}, }, plugins: [require('daisyui')], };

To get a local copy up and running follow these simple example steps.

Prerequisites

Setup

Clone this repository to your desired folder: git clone https://github.com/shafiuyushawu/Online-Ticket

Install

Install this project with:

NPM Install

Usage

To run the project, execute the following command: N/A

Run tests

To run tests, run the following command:

• npx hint .
• npx stylelint "*/.{css,scss}"
• npx eslint .

Deployment

You can deploy this project using: N/A

Author: Shafiu Ibn Yushawu

Author

• GitHub: @shafiuyushawu
• Twitter: @shafiuyushawu
• LinkedIn: shafiuyushawu

Future Features

• [Create features for desktop responsiveness]

Contributing

Contributions, issues, and feature requests are welcome!

Show your support

If you like this project, kindly follow me on GitHub

Acknowledgments

• Hat tip to Cindy whose design was used

License

This project is MIT licensed.