- Build a web application
- Use React framework to build your application with at least
- 3 components
- 4 props
- 2 state properties
- 2 setState
- 2 routes
- Use 3rd party API
- Make API call and display the data for the user.
- Craft a README.md file that explains your app
- Create wireframes for your app and include it in your repo/readme.
- Use a CSS framework like TailwindCSS, Bootstrap, a React component library like Ant Design oe Material UI.
This web application allows users to search for LEGO sets and minifigures, view LEGO sets and minifigures information and collate their collection into an Excel file.
View LEGO Search.
View Rebrickable API.
- All rights belong directly to their rightful owners. No copyright infringement intended.
- HTML
- CSS
- Javascript
- ReactJS
- Tailwind CSS
- Tailwind UI
- Heroicons
- Headless UI
- Tool Cool Range Slider
- SheetJS
- Git and GitHub
- useEffect
- useRef
- useState
- useLocation
- useNavigate
- useOutletContext
- useParams
- useSearchParams
View flowchart at Miro.
- Learned to use try, throw and catch statements.
- Learned the importance of data structures. It allows the program to store and process data effectively.
- Learned to use and build customized components from the existing TailwindCSS component library framework.
- Learned how to use Tool Cool Range Slider and SheetJS.
- Learned to make multiple API call with async and await functions.
- Learned and practised data manipulation and also used javascript functions like map, filter and reduce.
- Tailwind CSS for the documentation
- Tailwind UI for the react components
- Tool Cool Range Slider for the documentation
- SheetJS for the documentation
- Rebrickable for the API
- LEGO for the images
- No image available image
- LEGO Smiley Face image
- Search Engine Journal for the image
- Google Search for the design inspiration