/amani-fest

Amani-fest is a project to design a platform for Amani Festival, which is the annual festival with this platform you will get all information about the Festival and even book the ticket for the event. Build using HTML|CSS|Linters.

Primary LanguageHTMLMIT LicenseMIT

Project: amani-fest

Amani-fest is a project to design a platform for Amani Festival which is the annual festival where people get united to sing, dance, and proclaim peace. Take place in February every year in Goma Town/DRCongo. With this platform you will get all information about the Festival, and even book the ticket for the event.

Screenshot

Built With

  • HTML
  • CSS & SCSS
  • Bootstrap Icon
  • js DOM API

Getting Started

Prerequisites

Setup

[-] Clone the repository:

$ git clone https://github.com/Bateyjosue/amani-fest.git`

[-] Navigate into the project folfer

$ cd amani-fest

Note: The Dependencies to be install will be used for linters configuration

[-] Install dependencies of the project using npm package manager

$ npm i || npm install

[-] Run the project

After the server is runned open your brower and browse to the following address:

localhost:5500

Note: this address is available if you run your project using the live server extension in vs code. Please Install Live Server to enjoy this feature

Usage

the project was debug and format using linters html & css more about linters

1.Add the configure file for webhint [ -f .hintrc ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.hintrc, then run the diagnosis using npx hint .

  1. Add the configure file Stylelint [ -f .stylelintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css/.stylelintrc.json, then run the diagnosis using npx stylelint "**/*.{css, scss}" and the, npx stylelint "**/*.{css, scss}" --fix to fix detected errors

  2. Add configuration file for eslint [ -f .eslintrc.json ] || wget https://raw.githubusercontent.com/microverseinc/linters-config/master/html-css-js/.eslintrc.json, After you can check for eslint issues with npx eslint .

Live Demo

Live demo && Video demo

Authors

👤 Author

Acknowledgement

To : Cindy Shinon Behance for her UI design template

& Amani Festival for the insparation

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page.

Show your support

Give a ⭐️ if you like this project!

📝 License

Josh Batey Licensed