/fem-podcast

Building a landing page for a podcast

Primary LanguageSCSS

Pod Landing Page

This project is about building a responsive product landing page using Reat, JS for form validation, and Sass.

Screenshots

meet-landing-page-mobile-screenshot meet-landing-page-md-screenshot meet-landing-page-xl-screenshot

Built with

  • HTML
  • Sass
  • JS
  • React
  • Parcel

Getting Started

To get this project set up on your local machine, follow these steps:

  1. Open Terminal.
  2. Navigate to your desired location to download the contents of this repository.
  3. Run git clone https://github.com/nikoescobal/fem-podcast
  4. Run cd fem-podcast
  5. Run npm install or npm i
  6. Run npm run dev and start building!
  7. The http://localhost:1234/ server will automatically open in your browser

Authors:

👤 Nikolas Escobal

What I Learned

  • How to create a static page with react
  • Using reusable components
  • Interesting CSS propertly called mix-blend-mode: screen;
  • How to utilize grid-template-rows on different screen sizes

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

📝 MIT License

This project makes use of the MIT license.