jenndryden / the_shoppies

Shopify Fall 2021 Frontend Developer Intern Challenge

Home Page:https://jennifer-dryden-the-shoppies.netlify.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Contributors Forks Stargazers Issues LinkedIn

the_shoppies

Shopify Fall 2021 Frontend Developer Intern Challenge

Image of The Shoppies Banner

Table of Contents
  1. About The Project
  2. Getting Started
  3. Contributing
  4. License
  5. Contact

About the Project

This project was created for the Shopify Frontend Developer intern challenge. This webpage searches OMDB for movies, and allows the user to save their favourite films they feel should be up for nomination.

Image of The Shoppies Website Shoppies Mobile View

Built With

This webpage was created using React.js and JavaScript, HTML, CSS.

Design Elements

The webpage also uses Shopify Polaris components and colours to maintain colour consistency and fluency. Designs were created using Figma, Illustrator, and Rotato.

Getting Started

Shoppies Laptop Design View

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

Prerequisites

To install this project, please install npm on your device

  • npm
    npm install npm@latest -g

Installation

  1. Clone the repo in your desired folder

    git clone git clone https://github.com/jenndryden/the_shoppies.git
  2. Enter the folder

    cd the shoppies
    
  3. Install NPM packages

    npm install
  4. Run the development environment

    npm run start
    

OPTIONAL

  1. Get a free custom OMBD API Key at https://www.omdbapi.com/

  2. Enter your API in App.js const API_KEY = "YOUR API KEY HERE";

Shoppies Web Mockup View

Contributing

Contributions are what make the open source community such an amazing place to be learn, inspire, and create. Any contributions you make are greatly appreciated.

  1. Fork the Project
  2. Create your Feature Branch (git checkout -b feature/AmazingFeature)
  3. Commit your Changes (git commit -m 'Add some AmazingFeature')
  4. Push to the Branch (git push origin feature/AmazingFeature)
  5. Open a Pull Request

License

Distributed under the MIT License. See LICENSE for more information.

Contact

Feel free to get in touch with me if you'd like to chat about the project! Also feel free to get in touch with me if you love to talk about Gitmojis (emoji commits) 😊

Jennifer Dryden - @jenndryden

Project Link: https://github.com/jenndryden/the_shoppies

This READ.ME was inspired by othneildrew/Best-README-Template

About

Shopify Fall 2021 Frontend Developer Intern Challenge

https://jennifer-dryden-the-shoppies.netlify.app/

License:MIT License


Languages

Language:JavaScript 70.1%Language:CSS 19.6%Language:HTML 10.3%