Coder Social home page Coder Social logo

howdy-group-project's People

Contributors

brleinad avatar lamorin avatar luciancic avatar pdariusv avatar telriot avatar weltgeist avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar  avatar  avatar

howdy-group-project's Issues

change base branch to develop

The problem

Having 2 branches is confusing and complicated for beginners and when they make changes against master by mistake they inevitably have to go back and do some fiddling (although the sadistic part of me enjoys putting new developers through trial by fire merge conflict). Add on top of that the fact that we don't use the workflow of master == production develop == dev-env means we just have the pain without the benefit.

The solution

The options I see:

  1. Remove develop, just use master.
  2. Make develop the default branch.
  3. Better documentation (#23), the devs will learn...

Post state functions in root file

State defined in client/src/App.js does not belong there. See thinking in react, and skip ahead to step 4 to see what I'm talking about (you can/should also read the whole thing). State and its handlers should be defined at the parent of components that use it. How can we split the state? Let's advance the discussion in the comments.

add linter to project

We could add a linter to the project to allow devs to check their style consistency via an npm script.

Dev setup instructions in readme

README.md should clarify that we work from develop branch and outline the steps to launch full dev env. Comment if you want to be assigned this issue :)

mongo db name should be howdy-forum

Right now the db name is posts. It's a bit confusing. The db name should reflect the app name. A change in src/server.js line 15 should do it, but you should inspect the db to make sure all is ok. Comment to get assigned or ask questions

The Readme should be updated.

The README.md file should be updated to include more information about the project such what it does, how to set up a dev environment, etc.
#2

React compilation warnings

While this does not break the app, developers should have clean console output.
image
Comment and I'll help or assign you

db init script

Our init script does not work the way we want.
Currently, src/init.server.js makes requests to localhost:3000 but it should use mongoose to add demo.db.js data through the Post model.
Those two files should also be in a separate directory at the root folder, db/. We can rename the files src/demo.db.js -> db/data.js and src/init.server.js -> db/init.js.
Finally we should have an npm script called db:init that runs db/init.js.

Update app title and description

Right now the title is React App, should be Howdy Forum. Description is Web site created using create-react-app should be Forum by the Howdy community, for the Howdy community.. Can be changed in client/public/index.html. Comment to be assigned or to get help.

App wrapped in Paper component

The body of the app seems to be wrapped in a card (see borders). Looks like the culprit is the Paper element in CombinedPanels
image
That looks a bit wonky. Would be better if uniform.

Contributing guide

We should have a contribution guide, like a CONTRIBUTING.md that will allow the community to make contributions independently, to the extent they can. That should include a very simple fork and branch explanation (but not teaching git from scratch, maybe direct them for further reading) and a link to the slack and group video (with the schedule).
Comment to get assigned or with extra ideas/questions.

delete and edit buttons on post detail

In client/src/components/Dialogs/PostReply.js the two buttons currently render but are disabled if you are not the author. They should not render at all if you are not the author.

Mongo data not ignored by git

Our client/.gitignore used to be the ignore file of the backend. Now the client's .gitignore contains unncessary lines and the server .gitignore is missing some (like /data/db). There may be other files that need to be ignored but I can't think of any now. Comment to be assigned, ask questions, or suggest other files to ignore.

/> rendered in post

Dangling closing tag in client/src/components/Forum/Post.js line 68 causes issue in render, like so:
image

Comment if you want to be assigned this or if you have questions.

remove static data from App.js

We should be using data from the backend in client/src/components.App.js. Right now it comes from a static file: client/src/data/store.js. Delete that file and all references to it. We should only have the data from the fetch request to the backend. Make sure it works with post data from db. May need to wait for #33 fix.

Typography component misused

Typography component is used throughout the client code but I'm pretty sure it's not used in the way it was intended. It should either be removed or replaced with something more semantically meaningful. Comment to be assigned this issue or if you have questions.

Rename project to howdy-forum

Forum by the Howdy community, for the Howdy community

I think this will give the project a clearer direction and possibly attract more contributions.

Fetch posts from server

Right now our posts are a static object on the front-end. Create a route to fetch the posts from mongo and call that endpoint from the client to get the posts. Comment to get assigned or ask questions. Don't be intimidated by the "difficulty:hard" label, I'll help in any way I can. This may also need to be broken down to several issues/PRs.

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.