/ArtScope-CP

ArtScope is a HTML/CSS and JS based responsive webpage for an institution that combines Photography with Astronomy and is specialize on teaching students Space Photography around the world.

Primary LanguageCSSMIT LicenseMIT

ArtScope

This is Artscope, a HTML/CSS and JS based website for a photography institution that mix photography with astronomy and teach students from all around the world spacial photography. For creating this web I have set up linters such as:

  • Lighthouse: that gives me global performance insights about the page with a single test.
  • Webhint: that helped me improve the site's accessibility, speed, cross-browser compatibility, and more.
  • Stylelinter: that helped to avoid errors and enforce CSS conventions.

The overall style and positioning was made using pure CSS, following Flexbox and Grid layout models simultaneously.

Built With

  • HTML
  • CSS
  • JS

Live Demo and Visual check

Live Demo Link

Desktop version overview

mobile mobile (2) mobile (3) mobile (4)

Mobile version overview

mobile (5) mobile (6) mobile (7) mobile (8)

Getting Started

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

Prerequisites

  • Internet Service.
  • Basic Knowledge about Git and Github.
  • VSCode.

Setup

  1. Create an empty folder in your computer to store the clone.

  2. Copy the following link and paste it into your VSCode or your terminal:

git@github.com:angeluray/angelCapstone-project.git

  1. Store it in the file you created before.

  2. Create a new branch for working and make changes to adapt it according to your requirements.

Install

To install linters please open the .github/workflows then get into linters.yml and check the instructions and commands.

Usage

For educational purpose only, use it as a guideline.

Authors

👤 Angel Uray

🤝 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!

Acknowledgments

  • Special thanks to the autor of the original design Cindy Shin.
  • “There are three ways to ultimate success: The first way is to be kind. The second way is to be kind. The third way is to be kind.” —Mister Rogers

📝 License

This project is MIT licensed.