mariamills / Cloud

Cloud Moshify is a fictitious cloud hosting platform. This project was created in conjunction with Mosh's online course, "The Ultimate HTLM5 & CSSS3 Series".

Home Page:https://cloud-moshify.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Cloud Moshify

Moshify is a fictitious cloud hosting platform. This project was created in conjunction with Mosh's online course, "The Ultimate HTLM5 & CSSS3 Series." The last project was this one. I reviewed a lot of material during this course and also picked up a lot of new knowledge and techniques.

Features & Learnings

  • Responsive Design
  • Introduced to and utilized the Animate On Scroll (AOS) library
  • More knowledge of and experience with the mobile first approach
  • Usage of The Block, Element, Modifier (BEM) methodology
  • Improved knowledge of Object-Oriented CSS
  • Utilizing CSS Sprites
  • This website was built using a bottom-up (components-first) design.
  • Reusable components
  • Standardized the use of metadata within a webpage to represent the content of a page for SEO optimization using The Open Graph Protocol.
  • Optimized images for web and performance.
  • HTML & CSS Validation
  • Problem-solving through Area Isolation
  • Improved knowledge of and use of git
  • Website performance measuring

Run Locally

Clone the project

  git clone https://github.com/mariamills/Cloud.git

Go to the project directory

  cd Cloud

Install dependencies

  npm install

Start the server

  npm run start

Deployment

To deploy this project run

  npm run build

Demo

https://cloud-moshify.netlify.app/

Acknowledgements

About

Cloud Moshify is a fictitious cloud hosting platform. This project was created in conjunction with Mosh's online course, "The Ultimate HTLM5 & CSSS3 Series".

https://cloud-moshify.netlify.app/


Languages

Language:HTML 75.7%Language:CSS 23.9%Language:JavaScript 0.4%