This project was bootstrapped with Create React App.
Mock reddit site to practice redux store information.
- As a user, I want to enter content into a form and submit to create a new post.
- As a user, I want my new posts to include a timestamp. And I want to see when other listings were posted, too.
- As a user, I want to upvote posts I particularly enjoy.
- As a user, I want to downvote posts I don't like, or find inappropriate.
- As a user, I'd like posts with the most upvotes to appear higher on the page. (We haven't explicitly covered this in our curriculum, but here's a hint: You can complete logic before the return statement of a mapStateToProps() method!)
Stretch goal:
- As a user, I want to click a post to view additional details. For now simply hide/show some message content. (Hint: You could create a currentlySelectedPost Redux state key, and alter the value based on which post the user is selecting.)
Behavior | Input | Output |
---|---|---|
display all bean-bowls | - | list of bean-bowls |
display bean-bowl details | user clicks bean-bowl | page appears with all bean-bowl details |
user can add new bean-bowl to list | user clicks add bean-bowl | form for creating bean-bowl appears |
user can navigate back to menu | user clicks on button on details page | menu reappears |
user can upvote a bean-bowl | user clicks upvote button on bean-bowl | upvote of bean-bowl increases by 1 and bean-bowls will be reordered if necessary based on number of upvotes per bean-bowl |
user can downvote a bean-bowl | user clicks downvote button on a bean-bowl | a loses a vote and bean-bowl list is reordered to reflect bean-bowls by number of votes |
In Terminal:
- Navigate to where you want this application to be saved, i.e.:
cd desktop
- Clone the file from GitHub with HTTPS
git clone https://github.com/KeturahDev/reddit-beans
- Open file in your preferred text editor
- On Mac:
open -a {your text editor} reddit-beans
- On Windows:
reddit-beans
Download Manually:
- Navigate to https://github.com/KeturahDev/reddit-beans.
- Click green "Clone or Download" button.
- Click "Download ZIP".
- Click downloaded file to unzip.
- Navigate to folder called "reddit-beans-store" in terminal.
- Run "npm start" to auto start a local instance in your browser at http://localhost:3000/.
No known bugs at this time.
Have a bug or an issue with this application? Open a new issue here on GitHub.
- React
- npm
- Webpack
- Javascript
- HTML & CSS
- Bootstrap 4
- React-Redux
Co-authored-by: Mariam maralaeddin@gmail.com Co-authored-by: Todd Walraven cod4247@yahoo.com Co-authored-by: acolistro arcolistro@gmail.com
Copyright (c) 2020 Keturah Howard, Alyssa Colistro, Todd Walraven, Mariam Alaeddin