Giter Site home page Giter Site logo

website's Introduction

Enjoy the Vue Podcast's Website

Netlify Status

This is the source code that powers our website where you can find all of our content!

Getting Started

# 1. Clone the repository
git clone [email protected]:thevuepoint/website.git

# 2. Enter your newly cloned folder
cd website

# 3. Install dependencies
yarn

# 4. Start local dev server
yarn develop

Netlify CMS

To manage the content with Netlify CMS, you will need to:

  1. Visit /admin
  2. Login with GitHub credentials
  3. Authorize Netlify to access the enjoythevue organization

And with that, you should be in! ๐ŸŽ‰

website's People

Contributors

bencodezen avatar br3ndonland avatar chrisvfritz avatar dannyfeliz avatar dependabot[bot] avatar elizabethfineprojects avatar fimion avatar gloomylumi avatar goldendoodledev avatar psalaets avatar tessasac avatar znck avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

website's Issues

Add keyword and tags functionality

Ideas

  • Episodes should be able to be tagged with keywords and/or tags
  • This should pave way for filtering on the episodes page (in the future)

Create Episode Page

AC for episode page:

  • Ability to see what date it was published
  • Ability to play episode
  • Ability to see episode transcription
  • Ability to find panelists that were on the episode
  • Ability to find picks from that week
  • Ability to find all resources from that episode

Horizontal logo concept

Screen Shot 2020-02-03 at 1 15 46 AM

Similar to the logo above, it is helpful in certain marketing materials (or the upper left part of our site) to probably have the option to display our logo with text in a single horizontal line.

Would you be interested in creating this variation @elizabethfinedev?

Make the landing page responsive

Right now the landing page is not responsive for mobile sizes. We need to go in and make sure it is flexible to all screen sizes.

Landing page design

Problem

Since we have complete control over our site, I'd love for us to take full advantage of design control to create an incredible podcast site experience.

Proposed Requirements

  • Podcast title
  • Signup form with email address and submit button

Normalize input element padding

Looks like form input elements have more padding on Suggest An Episode page than on the homepage email form. I think we should match to Suggest an Episode page because it has more padding and looks nicer.

Create Resources collection

We mention a lot of resources in episodes, but don't have a great way of managing this, need to figure out a strategy that works well with our current Netlify CMS system.

Design: Logo

Problem

Like any new brand, it is important for us to centralize around a logo / symbol that will make it easy for the community to recognize us.

Proposed Solution

Ben will work on some ideas and then we will move forward on figuring out if we need to hire someone to finish the work.

Randomize panelist on home page

We are all equals on the panel, so rather than have some sort of imposed hierarchy, let's mix it up every time someone loads the page.

Inspired from Chris' idea for the Vue team page

Sync audio with transcript

Users should be able to see where they are in the transcript based on where the audio is playing.

Ideally we could do this by word / sentence, but the most realistic implementation of this will most likely be pairing paragraphs with timestamps and highlighting them when the user's audio timestamp is within that range.

Write a podcast description

Currently the podcast description is just using Lorem Ipsum placeholder text. We should come up with a nice couple line description of Enjoy the Vue and replace it with that.

Improve page title SEO

Currently our page titles do not reflect the right episode title which leads to bad SEO.

image

Fix social icons and make them links

We currently just have Twitter and Instagram icons. We might want to add more and also we will want to add links to these icons to link to the Enjoy the Vue social media.

Configure eslint

I downloaded eslint and eslint-plugin-gridsome to the project but have not configured them. We just need to configure eslint to run when we rebuild so we can keep our code nice and consistent! :D

Browser test the landing page

We need to make sure that the landing page looks alright on various browsers/devices. We probably want to check Edge, iPhones, Androids, Chrome, Firefox, Safari, iPad.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.