Capstone project - Conference page

📗 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

📖 "Capston project"

Capston project - Conference page

Is a project made with HTML, CSS and JS which purpose is to demonstrate my abilities mastering those development tools in a real case.

This time the case is a conference page about comics and Superheros, the page count with two main sections that are Home and About page.

In the Home there are 5 different sections

• Heading
• Main program
• Featured speakers
• Partner
• Footer

In the about page there are 3 sections

• Heading
• Meaning of the logo
• The past of the conferences

I need to clarifying that this is not a real conference page and I’m not the author of the design, to know more about the real author please move to the Authors section.

🛠 Built With

Tech Stack

HTML

• This project use HTML.

CSS

• The CSS is used to provide the design in the whole page.

Linters

• The Linters are tools that help us to check and solve the errors in the code
This project count with three linters:
• HTML
• CSS
• JavaScript

Key Features

In this section there are some features that you can notice in the project

• Home page
• About page
• This project count with a HTML&CSS and JavaScript linters.
• This project has a desktop version which start at width=768px
• Count with a live demo

(back to top)

Live demo

There is the link where you can see my deployed project

• Conference page

(back to top)

💻 Getting Started

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

Prerequisites

In order to run this project you need:

• To have a Git in your device : this is in order to clone and modify this project.
• To have a code editor : such as VS code, Atom or another that you would like to use.
• To have a web local server such as XAMPP : this is in with the purpose of you will be able to watch the changes you make in the project.
• Have basic knowledge about HTML, CSS and JS in order to understand the code and be able to modify the elements you want.
• Count with Node.js in your device due to it is a tool needed to run the linters

Setup

Clone this repository to your desired folder:

• Clone this repo on your local device you need to open Git Bash and paste the link with the command

  cd my-folder-name
  $ git clone https://github.com/AndreaM2429/Capstone_project_Conference_page

Install

In order can run the linters tools you need use the following commands in your local work environment:

  npm install --save-dev hint@7.x
  npm install --save-dev stylelint@13.x stylelint-scss@3.x stylelint-config-standard@21.x stylelint-csstree-validator@1.x
  npm install --save-dev eslint@7.x eslint-config-airbnb-base@14.x eslint-plugin-import@2.x babel-eslint@10.x

Usage

Now you are able to modify the files in the project, bur be careful just modify the HTML, CSS and JS the rest of them are for the linters so NO MODIFY THEM

Run tests

To see the linter errors run the following codes for:

• HTML

 npx hint .

• CSS

 npx stylelint "**/*.{css,scss}"
  
 To fix the errors add --fix

• JS

 npx eslint .
  
 To fix the errors add --fix filename.js

Deployment

You can deploy this project Following the instructions in this link

(back to top)

👥 Author

🌟👤🌟 Cindy Shin in Behance (Desing author)

As I mentioned in the about section the design of this project isn’t mine, the design author is Cindy Shin in Behance and you can fins her works here and here is the original design. As you can see I made some changes to the design such as images, backgrounds and content of the page but it doesn’t mean that is my design. I give all the design credit to the real design author.

👤 Andrea Manuel

• GitHub: @AndreaM2429
• Twitter: @twitter
• LinkedIn: LinkedIn

(back to top)

🔭 Future Features

• I won't implement any other change in this project until I recive a review

(back to top)

🤝 Contributing

Contributions, issues, and feature requests are welcome!

Feel free to check the issues page and add your thoughts

(back to top)

⭐️ Show your support

If you like this project you could clone the repo and work with it or do the changes in a new branch. Also you could let a message with your thoughts

(back to top)

🙏 Acknowledgments

I would like to thank all my partners since the beginning of this crossing because I have learned a lot from them, and they had helped me to keep motivated and don’t give up this program.

(back to top)

📝 License

This project is MIT licensed.

NOTE: we recommend using the MIT license - you can set it up quickly by using templates available on GitHub. You can also use any other license if you wish.

(back to top)