https://github.com/devhabeeblateef/notionchallengeheli
Engineering Challenge
https://github.com/devhabeeblateef/notionchallengeheli
Last synced: about 1 year ago
JSON representation
Engineering Challenge
- Host: GitHub
- URL: https://github.com/devhabeeblateef/notionchallengeheli
- Owner: devhabeeblateef
- Created: 2022-07-17T16:34:45.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2022-07-17T22:28:10.000Z (almost 4 years ago)
- Last Synced: 2025-02-13T19:42:33.066Z (over 1 year ago)
- Language: JavaScript
- Size: 336 KB
- Stars: 0
- Watchers: 1
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
1. Installed Graphql-faker with npm
2. Lauched a GraphiQL local server
3. Generated a schema
4. Exported fake data to MOCK_DATA.JSON
5. Passed the fake data as props in Data.js
6. Accessed the props in App.js and displayed it to user side
7. Created a CSS Module './CSS/App.module.css'
8. Styled the tags and classes
9. Imported and used Bootstrap to automate styling and responsiveness
10. Created Filter.js to house the filter buttons
11. Implemented functionality of Filter in App.js
12. Created a search bar in './Search.js'
13. Used Array.Filter().map() to display data and search according to name of data and desription of data
14. Passed a key arg in map to track index of cards. Used the same key to display date grouping 5x5.
15. Commited to GitHub