GithubHelp home page GithubHelp logo

palworth / dev.to Goto Github PK

View Code? Open in Web Editor NEW

This project forked from forem/forem

1.0 1.0 1.0 49.12 MB

Fork of dev.to for Turing students to build upon

Home Page: https://dev.to

License: GNU Affero General Public License v3.0

JavaScript 16.99% Ruby 54.96% Shell 0.39% HTML 19.07% CSS 8.52% Dockerfile 0.08% Makefile 0.01%

dev.to's People

Contributors

amorpheuz avatar arku avatar arnellebalane avatar aspittel avatar atsmith813 avatar benhalpern avatar bolariin avatar citizen428 avatar cyrillefr avatar dependabot-preview[bot] avatar dependabot[bot] avatar glennmen avatar jacobherrington avatar jessleenyc avatar johncurcio avatar koheisg avatar lightalloy avatar link2twenty avatar luchiago avatar maestromac avatar mariocsee avatar mronauli avatar mstruve avatar nickytonline avatar palworth avatar pkfrank avatar rhymes avatar ryanbahan avatar vaidehijoshi avatar zhao-andy avatar

Stargazers

 avatar

Watchers

 avatar

Forkers

mronauli

dev.to's Issues

User Story #8 - Create method

  • The collections_controller new method returns list of articles and ranks their value/popularity

  • #Create based on tags selected by user and returns list of articles ~ 100

  • Iterate through list of articles and create descending list of most popular/liked articles

Reader Stats

Describe the solution you'd like

Build a data/stats dashboard on my profile to track/report my reading data like:

  • Number of total visits to the site
  • Number of visits per day
  • Average active time on pages per day
  • Total articles read
  • Total words read
  • Average articles & words per day
  • Number of comments
  • Think of other relevant stats to add as well

Stretch goal for this feature:

  • Can I set a goal or engage in some kind of challenge versus other readers?

Live Post Preview

Describe the solution you'd like

When you’re writing a post, you're writing markdown in a big text box. There’s a preview button, but it is a separate view than your writing.

Implement a Live Preview pane to the side in the authoring view

  • So you’re writing on the left pane, previewing in the right pane
  • Make the preview collapsible
  • Make sure if you’re far down the authoring window that the preview shows up somehow reasonably aligned (scrolls with the editing window). Or can you have some clickable link from the source to where it renders in the preview?

User Story #7 - create form/page

  • On the new collections new page, I see a section to input the collection title and add tags we want the collection to focus on.

  • I click ‘Create collection’ and I am taken to the new collection show page and see all normal show page features

Artisinal Collections

Describe the solution you'd like

I don't have time and energy to read these articles every day, but I’d like to catch up with the best recent content.

Thankfully, I have you. And you love cultivating content. You login to the app and create a new “collection” with a name like “Best JS of February”. Now when you are reading articles in the app there is a [+] button that, when clicked, gives you the option to add that article to a collection.

The collection has a publicly-sharable URL, so that you can tweet it out, I can click the link, and see a listing page of all the articles in the collection.

Later Segment Ideas:

  • When I click articles in the collection, mark them as read
  • Display which articles I have and haven’t read
  • Display how many times each article in the collection has been read
  • Allow the reader to make articles as “Not Interested” and grey them out
  • Implement some sorting in the listing display like “Published Date”, “Added Date”, “Most Popular”

User Story #6 - create form/page

  • As a logged in user, I see a ‘make a collection’ button on my nav-bar in the top right corner

  • When I click that button, I am taken to a new collections form with route 'user/collections/new’

User Story #5 - show page

  • On the show page, user sees the title of their collection and underneath a list of the names of all the articles in the collection as links to article show page.

  • User sees the tags associated with the article listed next to the article name

Machine-Generated Collections

Describe the solution you'd like

I don’t have time and energy to read these articles every day, but I’d like to catch up with the best recent content.

Thankfully, we have machines for that. As a reader I login to the app and create a new “collection” with a name like “Best of JS”. Within the collection I can target some specific tags (maybe using my followed tags as suggestions). Then, each week, the app generates a collection based on posts published during that week in those tags, prioritizing them by the number of reads. That collection is browsable at a unique URL.

Later Segment Ideas:

  • The collection has a publicly-sharable URL, so that you can tweet it out, I can click the link, and see a listing page of all the articles in the collection.
  • When I click articles in the collection, mark them as read
  • Display which articles I have and haven’t read
  • Display how many times each article in the collection has been read
  • Allow the reader to make articles as “Not Interested” and grey them out
  • Implement some sorting in the listing display like “Published Date”, “Added Date”, “Most Popular”

Comment Priority

Describe the solution you'd like

Right now comments have a “favorite” marker.

  • Default the comments to sort by the number of favorites
  • Allow for them to be sorted chronologically
  • Implement some kind of negative downvote that counteracts an upvote
  • If a comment is given 2 or more downvotes, then it get hidden
  • Readers can see that a comment was hidden, and have a clickable link to expose the hidden comment

Pathways and Badges

Describe the solution you'd like

Imagine I’m building a course where someone has to read a sequence of articles.

  • I would gather the links to the articles
  • Maybe I could have some tooling to do nice reordering of the elements (drag-and-drop?)

As the reader, the system marks these articles as complete when I've read them for a minimum amount of time. When I’ve completed everything in the set I get some little badge or a text “achievement” somewhere in my profile.

More Posts Like This

Describe the solution you'd like

Use some fancy machine learning to scan existing posts that I've previously read. As I read a new article, utilize this machine learning to apply to any other articles I read.

  • Link a few of those on the bottom after an article
  • Have some thumbs up / thumbs down to say whether they’re actually relevant
  • Could there be a scrolling carousel to show more than three articles

User Story #3 - index page

  • Logged in user visit thier collections index page
  • see a list of my collections underneath the header ‘Collections’
  • Each listed collection is a hyperlink and has a name, date, tags, and a link to archive the collection associated with that collection

Relevant Content Elsewhere on the Internet

Describe the solution you'd like

On each article, find three potentially related YouTube videos and embed those on the bottom of the page before the comments section.

  • Implement some kind of thumbs-up/thumbs-down to mark them as actually relevant or not relevant
  • Display some of the video stats (like number of views) in the preview
  • Could there be a scrolling carousel to show more than three videos

Daily Dev Reminder Email

Describe the solution you'd like

It’s overwhelming to look at the front page. There’s so much content being created every day. How do I possibly keep up? We know that the best way to actually achieve hard things is to do a little bit on a regular basis. For this feature project, let's help readers build a daily habit of reading a single article.

Assume that I’m a registered user. When I go to my Profile page, click the Misc submenu, then I see a checkbox for “Receive your Daily Dev”. If I check it then there’s a text field for the email address where I want to get it. (maybe pre-populate this with my GitHub email if that's how I registered)

When I have that checked, each day I get an email from the app. The app has selected a highly-read article from a tag that I follow that was posted in the last 14 days and hasn’t been sent to me previously.

Later Segment Ideas:

  • If I click the link then the app records that as a being a good-enough marker that I’ve read the article.
  • There’s a streak counter embedded into the top navigation that displays how many days in a row I’ve read my selected article
  • Can I set up a friend group where we all get the same daily selection?
  • Could the friend group display then show who amongst the group has read the article for today? Their streak?

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.