GithubHelp home page GithubHelp logo

dsc-blog's Introduction

Thunderbolt

dsc-blog's People

Contributors

abdussamadyisau avatar adavizethefirst avatar dependabot[bot] avatar emmanuerl avatar oluwa-nifemi avatar timzprof avatar

Stargazers

 avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

dsc-blog's Issues

Implement Dynamic Dashboard

  • Fetch All Contributors, Applications & Articles on loading dashboard(the GET all contributors endpoint is not available yet tho).

  • Render fetched data depending on which data is being requested.
    For Example: the default data to be rendered on getting to dashboard are articles, if the user clicks on Contributors on the navbar, you render the contributor data, and the applications data when applicants is clicked.

Note: Check out a similar implementation on the homepage , when switching between categories , implemented with the onLoadCategoryArticles method.

PS: This features implementation has been started already, check out the onLoadDashboard method.

Implement Creat Account Page

  • Convert Create Account Screen to HTML and CSS
  • Duplicate the Page for Create Admin Page but with a dropdown added to the form for Account Type to be either of Editor or Admin

Implement Dashboard Article Actions

  • Implement View, Edit and Delete Action on articles on dashboard.

  • Make use of DOM manipulation to change the elements on page to implement the View and Edit features

Note: Check out an example of this with the showSingleArticle method used to show a single article on clicking the article title.

Implement Post Article Feature

  • Duplicate the Apply as a contributor html code in contributor_form.html and change the duplicate to be the post article page that will be navigated to when the Post Article button on the index page is clicked and when a user is logged in. If a user isn't logged in the Post Article button should redirect them to the Apply as a contributor page.

  • The form should have the following fields:

  1. title
  2. content
  3. categoryId - This will be a select element with all the categories as options and their ID's as the value attribute for the option element. See the getCategories method in js/actions/api.js.
  4. image - input with type file
  • The form Submission should be sent with the header,
    { 'Conent-Type': 'multipart/form-data' }

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.