First Capstone - Microverse Gaming Fest

📗 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
• ❓ FAQ
• 📝 License

📖 [First_Capstone-Microverse_Gaming_Fest]

[First Capstone - Microverse Gaming Fest is my first responsive web page built in my Microverse journey. It is a gaming festival announcement page in where you can find all the details for that event.]

🛠 Built With

Tech Stack

Relevant tech stack of the project.

Programming Tools

• HTML
• CSS
• Javascript

Dev Tools

• Git
• GitHub

Text Editor

• VS Code

Key Features

Key features of the application.

• [First_Capstone_Project]
• [Complete_Responsive_Website]

(back to top)

🚀 Live Demo

Live Demo of "First Capstone" project using Github Pages.

• Web Project: Microverse Gaming Fest Website

(back to top)

💻 Getting Started

How to make use of the project.

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

Prerequisites

In order to run this project you need:

Git, Github web or Github desktop, VS Code and Node.js (to use npm commands) "not sure how to use npm? Read" this.

Setup

Clone this repository to your desired folder:

• 1️⃣ Open Git Bash.
• 2️⃣ Change the current working directory to the location where you want the cloned directory.
• 3️⃣ Type: git clone https://github.com/JuanDiegoGuerra/Capstone_Project-GamingFest_Page.git
• 4️⃣ Press Enter to create your local clone.

Install

Install this project with:

NOTE: If you are running on Windows, you need to initialize npm to create package.json file.

npm init -y

"Webhint " npm install --save-dev hint@7.x

"Stylelint " npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x

"Yarn " yarn install --audit

Usage

To run the project, execute the following command:

"Run this code and then fix the validation errors (if needed).

npx hint .

Run npx stylelint "**/*.{css,scss}" on the root of your directory of your project. Fix linter errors

Run tests

No test needed for this project.

Deployment

You can deploy this project using:

VS Code and Google Chrome.

(back to top)

👥 Authors

👤 Juan Diego Guerra

• GitHub: @JuanDiegoGuerra

(back to top)

🔭 Future Features

Features that will be added to the project.

• [ 1 ] [Better_transitions]
• [ 2 ] [Better_javascript_actions]
• [ 3 ] [More_content_in_general]

(back to top)

🤝 Contributing

Designer's Attribution 👨🏽‍🚀🎨

• Original design idea: Cindy Shin Attribution

-> Feel free to check the issues page.

(back to top)

⭐️ Show your support

You can support following me.

• If you like this project you can follow me 🤩! I will be adding more useful material 😁.

(back to top)

😮 Interesting piece of code

What I'm proud I've built.

• I'm proud that I've built a pretty cool style for my game cards, you can find the code in this link: Game Cards - Special Effects.

(back to top)

🙏 Acknowledgments

Credits to:

• Big thanks to the designer of the template, CINDY SHIN. You can check the attributtion of her design in the contributing section.

• I would like to thank my gf 😳 because she fed me when I was starving after coding for a lot of hours 🤭.

• I would like to thank Microverse too because it inspired me finish this challenge as it has to be 💪🏼.

(back to top)

❓ FAQ (Frequently Asked Questions)

You could face some problems when doing this project for the first time, so please check this FAQ.

• [Why_is_my_Lighthouse_linter_not_working_?]

  • [If you have this specific problem, go to your ".yml" file and check the node-version of the specific linter. Best version for this project is "14" (in my case it was "18x" and I changed it)]

• [Wich_files_should_I_add_in_my_gitignore_?]

  • [Feel free to add any file you think is not necessary to be on your repo, but be careful when you add or create new files that might not be necessary in your repo but aren't written in your gitignore.]

(back to top)

📝 License

This project is MIT licensed.

(back to top)