I'm a Software Engineer focusing on sharpening my Front-End skills! I've been coding for fun the past few years and decided to take a big step in my journey by joining the Front-End program at Turing School of Software & Design. I love to code! I'm passionate about bringing ideas to life that have a great UI/UX with accessability, responsiveness, and TDD.
anime-quotes's Introduction
anime-quotes's People
anime-quotes's Issues
Add new quote & favorite button to the QuoteCard
This can either be in the card, or outside of it with both being wrapped in an article tag
Make Favorites responsive on mobile & tablet.
Create PR template
install cypress and router
User should see a message indicating they have no favorites on the favorites page if they haven't favorited a quote yet.
Favorites page Styling
Create utility folder with api-calls and cleaner function files
Put api-calls where the data is fetched, and a file with cleaner functions (IF NEEDED) in a utilities folder.
Create README
Add error handling for api fetch
User should be able to see all their favorite quotes
Finish testing for sprint 1
Start styling for all the components
Create initial folder/file architecture
Create Favorites component
- should have a state set to an array of all quotes that have been favorited
-should be properly linked/routed - Header favorites button should now say Home
User should be able to navigate to favorites page
Refactor Responsiveness ( Header should be enhanced, and cards should have round edges on all mobile devices)
Refactor styling ( cards inside grid are not perfectly centered )
Delete all files that wont be used
Delete unused files, code, and comments.
Deploy with surge
Cypress testing for dashboard & Favorites
Test error handling "Something went wrong!" message
User should be able to delete specific favorite cards.
Build out App.js, Header.js, QuoteArea.js, QuoteCard.js
Build out all the components with correct import/exports. Render some placeholder text to DOM.
Render correct data to the DOM
After API calls is finished
Make Dashboard Responsive on mobile & tablet
Add favorites button to the header
User should be able to add quotes to favorites
Refactor with TypeChecking PropTypes
Add icon to card indicating it has been favorited
User should be able to navigate back to the home page from the favorites page
User should be able to generate a new random quote
Fix Error: Manifest: Line: 1, column: 1, Syntax error. at manifest.json:1
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.