The project demonstrates a basic use of React and React-Bootstrap, using curriculum and assets from Code Fellows.
The page allows the user to "like" a series of images. Images can be filtered by internal keywords using a search bar and by "number of horns" using a dropdown selector.
| Feature Name | Estimated Time | Start Time | Finish Time |
|---|---|---|---|
| Styling | 1 Hour | 2PM | 2:45PM |
| Counter | 2 Hours | 3PM | 4:30PM |
| Feature Name | Estimated Time | Start Time | Finish Time |
|---|---|---|---|
| Bootstrap Implementation | 1.5 Hours | 3PM | 4:45PM |
| Bootstrap/Page Styling | 2 Hours | 5PM | 6:15PM |
| Feature Name | Estimated Time | Start Time | Finish Time |
|---|---|---|---|
| Fuzzy Search | 1 Hour | 12PM | 1:15PM |
| Fix Favorite State | 1 Hour | 1:15PM | 4PM |
| Horn Filter | 1 Hour | 3PM | 3:30PM |
| Feature Name | Estimated Time | Start Time | Finish Time |
|---|---|---|---|
| Filter/search interaction | 2 Hours | 7AM | 8:30PM |
- Change "favorite" button styling.
- Implement wave/gradient animation on click.
- Revise color scheme.
- card hover/click styling/animation.
- Implement case-insensitive search.
- Fix styling details.
- Footer
- Page padding
- Move search/filter to Main component.
- Place these to-do's in GitHub Issues.
This project was bootstrapped with Create React App.
To learn React, check out the React documentation.
Modal and Form implemented using React-Bootstrap.