superpedia's People
superpedia's Issues
Conditional view if there is no result, favorite, or character
Add conditional rendering to all pages so that there is a message if no data displays
Navbar
As a dev, I am adding a vertical nav bar to the left margin of the app with buttons for results, saved, and make your own hero.
Add all component files
Add all required component files to build out the project:
App
Navbar
Result
ResultView
Search
CustomForm
Saved
SavedView
Hero
FavoriteView
As a dev, I need a component that will render the individual favorites for a user.
Link New Search button in Navbar
User can click New Search to navigate back to the home-page/Search view.
"About" page
Add an About tab to navbar that navigates to page with basic info about the app
ReadMe
Create ReadMe for project
Search component
I need to render a Search component on the main page so that user can search for comic characters
Secondary font
Find a secondary font for great visual contrast
Favorite button
As a user, when I click the plus button on a characters' card, it should add that character to my saved supers data. If I click it again that character should be removed.
Hero component
This will display more detailed information about a single character result and will replace the resultView page.
Sass
As a dev I need to convert all css files to scss files and import them into the matching js files so that they styling will apply correctly.
Result card
Create a Result component to be rendered by ResultView that will in turn render the needed info for one search result
Link result card to Hero component and view
When the user clicks on a result card, the app should navigate to a view with more detailed info about that result. This is the Hero component.
Extend page vertically
Adjust page so that it continues as the user scrolls down.
"i" button on Result card
As a user, when I click the "i" button I should navigate to a view that features more detailed info about that result. The results are no longer visible.
API call
Create an api call function to get character data based on user search, and link it to App.
ResultView
Create a ResultView component to organize and display the search results
Unit Testing
Complete unit testing for all components
Clear search input
As a user, I want the search form input to clear after I complete a search.
Saved in local storage
Keep saved supers in local storage
Update App state with fetch
When the api call is complete it needs to update the data in state for App.
Favorite
As a dev, I need a Favorite component that will render all the data for each character a user adds to their saved supers.
Saved Supers nav bar link
As a user, when I click the "Saved Supers" nav bar button, I want to navigate to a view that has all of my saved characters.
"+" button conditional styling
As a dev, I need to conditionally style the "+" button based on whether that character is currently "saved". This will let the user know if that character is in favorites or not.
Install dependencies
As a dev, I need to install router and sass so I can apply them to this project
API error handling
As a user, if there is an error in fetching data I need to know what it is. The error message should be accessible.
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.