CC Bootcamp Summer 2022 Landing Page

This is the first Microverse capstone project meant to summarize all the content learned through module 1. The objective was to mimic the appearance of a landing page, in a similar way a web developer would receive the requirements as if it were in a job

)

"Welcome future developer!" This is a landing page about an intense Bootcamp created by a Creative Commons foundation, with the general info around the professors attending, the content of the program and the organization itself. All of these following an elegant web design.

Note: The content of the page is fictional and meant to be an example. Not real info is provided.

Built With

• HTML/SCSS and Javascript
• Visual Studio Code, Chrome Developer Tools

Live Demo

Live Demo Link

Getting Started

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

• Clone this repository with git clonehttps://github.com/JohnFTitor/capstoneProject_first.git using your terminal or command line.
• Change to the project directory by entering :
  cd capstoneProject_first in the terminal

Prerequisites

You need to make sure to have installed the latest version of Node.js and npm on your computer in order to run Sass if you want to contribute to the project or easily work on it, since working in the CSS alone may be a little to overwhelming compared to the Sass modular structure

Setup

You can clone this repository or simply download the files as a .zip If you want to set up a personal repository based on this one, you can as well fork it.

Install

If you want to use Sass

After clone it and before working on it, follow these install instructions:

Run the following command to install node-sass as a dev dependecy in the root of the project

npm install node-sass --save-dev

No need to initialize your npm because a package.json file is provided within the project

After that, you can use the scripts defined in the package.json file.

npm run watch-sass - To automatically compile the css file whenever the main.scss file is modified

npm run compile-sass - To manualy compile the css file with the main.scss file changes

If you want to run Linter Checks Locally

If you're a Microverse Student, reference to this link to get detailed instructions on how to set up linters locally to check this project.

Linters Config HTML/CSS and JS

Usage

You're free to use this project however you like it for educational purposes. Just keep in mind the acknowledgment described below

Run linters checks

Linter Checks are automatically run with Github actions when there's a pull request. If you want to run them locally, refer to the link above.

Deployment

The deployment can be found in the Github Pages of this repository or through the link provided above

Authors

👤 Andrés Felipe Arroyave Naranjo

• GitHub: @JohnFTitor
• Twitter: @johnftitor
• LinkedIn: Andres

Acknowledgments

Web Design

All the template colors, font, layout distribution for the whole project were designed by Cindy Shin on Behance. Check Cindy for more amazing GUI and Graphic designs!

Assets

Some Icons were provided by Fontawesome. Next are the links for each one of them:

• Python Icon
• Javascript Icon
• React Icon
• Angular Icon
• Bootstrap Icon
• Twitter Icon
• Github Icon

This icons are licensed under the Creative Commons Attribution 4.0 internacional license. Here is the link to Fontawesome license.

This icons colors were modified.

Images were provided by Unsplash.

Show your support

Give a ⭐️ if you like this project!

📝 License

This project is MIT licensed.