alicelovescake / shoppies-2021

World class awards for world class entrepreneurs. Nominate your top 5 movies that inspired you to change the world! πŸŽ‰. Shopify front-end challenge Fall 2021

Home Page:https://the-shoppies-awards.vercel.app/

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

2021 Shoppie Awards πŸ†

Demo

Celebrating The Movies That Made Us πŸŽ‰

Here’s to the risk takers. The creators. The visionaries. The disruptors. The contrarian builders who see the world differently.

What are the movies that inspired you last year?

Celebrate Shopify’s Shoppies Award by nominating the top 5 films that gave you the push to turn your entrepreneurial idea from dream to reality.

Check out the Shoppies Movie App

Features

Ready to make your nominations? Here is what you can expect from the Shoppies app.

  • All your favorite movies in one place
  • Manage nominations with ease
    • Add, remove, view all your nominations in one place. You are able to nominate 5 movies!
  • Spread the love with sharable links
    • Unique links to share your nominations with your friends.
  • Effortless experience
    • Why would you want to interact a product doesn't feel good to use? Shoppies was designed with the end user in mind, adding micro-interactions, device responsiveness, and animations that will hopefully give you as much pleasure as it did for me to create!

'Git' it Running

Shoppies was built with Next.js, styled with Tailwind.css, and deployed on Vercel's edge network. Ready to git it running?

  1. git clone to your working directory
  2. yarn to install your dependencies
  3. Copy .env.example to .env.local and put your OMDB API key in it
  4. yarn dev to launch the app!

Create. Iterate. Repeat.

Great products take iteration. Here are some things I'd like to do Shoppies 2.0:

Optimize for mobile with React Native

With nearly β…” of orders on Shopify on mobile devices, I want to ensure entrepreneurs can easily make their movie nominations on the go just as they are able to checkout and manage their storefronts from anywhere. Specifically, I want to consider how my user will use the movie app across platforms and how to leverage native components.

Accessibility

Shopify understands the world is better with more voices. That starts with the tools that we create with accessibility in mind, including this movie nomination app! Improvements may include choosing semantic HTML for screen reader readability, automatic focus, and text alternatives.

Hi! I'm Alice πŸ‘‹

Being a transformation driver fuels me as I create lasting, measurable impact with code. Steve Jobs famously asked John Sculley if he wanted to sell sugar water for the rest of his life or change the world with Apple. I'll tell you what, I sure don't want to sell sugar water. Do you?

Thank you for checking out my Shopify frontend intern challenge! 🍿

Website | LinkedIn | My Entrepreneurial Podcast

About

World class awards for world class entrepreneurs. Nominate your top 5 movies that inspired you to change the world! πŸŽ‰. Shopify front-end challenge Fall 2021

https://the-shoppies-awards.vercel.app/


Languages

Language:JavaScript 95.4%Language:CSS 4.6%