itsreallydrew / anime-talks Goto Github PK
View Code? Open in Web Editor NEWThis app was built to provide basic info anime/manga. You can search by title or have a random title generated.
Home Page: https://anime-talks.netlify.app/
This app was built to provide basic info anime/manga. You can search by title or have a random title generated.
Home Page: https://anime-talks.netlify.app/
Criteria: Is the code well-formatted? Are variable and function names semantic and sensible? Is the code easy to read and understand?
h1
in the code rendered in the browser, which detracts from search engine optimization (SEO) as well as accessibility. We also talked a little bit about how if you're wrapping a button in a Link
(essentially an anchor element), you're probably not using those elements as they're meant to be used. An anchor element is for navigation, and a button is for page actions (e.g., submitting a form or closing a modal).Context
in Utils
! I'd move anything that's not contributing to the functionality of your application off of the main
branch and out of production code.bootstrap
and styled-components
. If there's any package you thought you were going to use but didn't end up needing, I'd uninstall it with npm uninstall bootstrap
for example, so that it doesn't bloat your application unnecessarily. Since it's listed in the package.json
, it's going to download to the node_modules
every time your app is installed and built.Criteria: How does the project stack up to the requirements for this project? Is the developer making use of the material we've covered in a way that makes sense?
hidden
boolean, but as you discovered, it caused some problems in other aspects of your application. Use the route parameters to pass information to a component in terms of what it should be showing. You mentioned the the useHistory
hook as something you'd like to explore, but its use case is more of programmatically navigating through an application. The useParams
hooks is more likely something you'd want to use as you improve your implementation of React Router.Anime
and Manga
components return almost exactly the same JSX, but are currently two different components in two different files. How could you DRY this up?Criteria: Is the application easy to navigate? Does it work well in every major browser? Is it responsive? Does it incorporate modern UI Themes?
.homepage
rule.Spinner
component. You might need a loading
state variable. As long as loading
is true and error
is false, this loading GIF or component or message can be displayed.Criteria: Does the application work without errors or bugs? Does it present a complete app, where every feature is fully implemented in a way that makes sense?
Hunter
vs. Explorer
and Manga
vs. Anime
modalities are really cool!Criteria: Is there adequate documentation? Is the repository well-organized and free of clutter?
planning
directory in your repo so that they are not cluttering the outer folder.create-react-app
template.Drew, amazing work on this project! You chose a great API, and your enthusiasm for both your topic and the technologies at hand was apparent throughout the course of project week and in your final product. You clearly grew more confident with React and with trying new things, as well as solving your own technical issues. The result is a project that highlights your growing abilities as a programmer and that is also feature-rich and engaging. There are a couple areas in which you might continue working, such as refining your use of React Router to show and hide different content on different routes, developing more sophisticated error handling and making the routes refresh-proof. Overall, you hit this one out of the park! Thank you for all your hard work and engagement in the course so far, and looking forward to seeing your continued successes and growth!
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.