Coder Social home page Coder Social logo

channel's People

Contributors

thuyd avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

channel's Issues

User authentication backend

DB: users
Model: user
Controller: users, session, application
Controller Actions:

Users

  1. Create

Session:

  1. Create
  2. Destroy

Static_Pages_Controller with Root action

Posts frontend

  • Event Listener
  • Root
  • Post_actions
  • Posts_reducer
  • Root_reducer
  • Create Store
  • App
  • Posts Index Container (connect)
  • Post Index (component, reusable in the home and feed page when logged in)
  • Post Index Item (show page with edit, delete links/event handler)
  • Post Form Container
  • Post Form
  • Post Show Container

Comments frontend

  • Update Root Component
  • Comment_actions
  • Comments_reducer
  • Update Root_reducer
  • Update App (routes)
  • Comment Index Container (connect)
  • Comment Index (component, reusable in the home and feed page when logged in)
  • Comment Index Item (show page delete button of your own comment)
  • Comment Form Container
  • Comment Form

Testing

  • Test for a bug free experience
  • Seed the database

Reply to a comment

  • Comment Show Container
    reuse form to allow you reply
    update the comment show to display the number of replies to a comment

Likes

Please review my likes on heroku

Comments backend

DB: comments
Model: comment
Controller: comments
Controller Actions: index (filtered to see only comments for a particular post)
Update posts associations and users associations
Write $ajax requests

Testing

  • Test user authentication
  • Seed the database with additional users
  • Create a demo login

Styling

  • Style follow button on post show and user profile page

Profile front end

  • Create a user show component
  • Render posts authored by users
  • Show the list of users that the user follows
  • Display name, photo, and bio
  • Show the list of users that follow the user

Posts backend

DB: Posts
Model: Post
Controller: posts
Controller Actions: create, show, destroy, index, update
Write $.ajax requests for create, show, destroy, index, update
Update user associations

User authentication frontend

  • Session Reducer
  • Errors Reducer (combineReducer)
  • Session Errors Reducer
  • Session Actions / Constants
  • Session API Util
  • LoginForm / SignupForm Components
  • Protected and Auth Routes

Testing

  • Test for bugs
  • Seed database

Follows backend and frontend

Backend:
DB: follows
Model: follow
Controller: follows
Controller Actions: create and destroy
Update user associations

Frontend:
Follow component that gets render in the post show page and user profile page

Styling

  • page style the sign in/login page
  • seed the database

Testing

  • Add seed information to the database
  • Test for bug free navigation

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.