An image search engine web app created in React. Uses the Unsplash API to search for pictures and React for its Front End framework. Also uses TravisCI and CircleCI for CD/CI tests
- How to use
- Resources used
- Testing tools used for the app
- Running automated tests
- Project resources
- Completed tasks
- Future app tasks
- Clone repo into desired directory
git clone https://github.com/tjdev7/ImageBox.git
orgh repo clone tjdev7/ImageBox
- Run
npm install
in your terminal to install all app node modules, yarn packages and dependencies - Sign up to Unsplash's API service, register your application and get your API key for the app
- Add your personal API key to
const APIkey
inside the/src/components/SearchBar.js
file - Run
yarn start
in your preferred terminal app to run the app on a local server
- Unsplash's API for pictures
- React as the Front End Framework
- Prettier and ESLint for code formatting
- Cypress and Lighthouse for testing
- React Testing library and Jest for testing components
- TravisCI and CircleCI for CI/CD development
- Prettier and ESlint for keeping all code formatted and organized
npm run linterclean
to run Prettier testsnpm run jesttests
to run Jest testsnpm run test
to run local React testing library testsnpm run litereport
to run local Lighthouse testsnpm run fullaudits
to update local components and review if any packages are outdated
- Update UI design for app
- Complete Unsplash picture API intergration
- Make all UI components align responsively to any device (Desktop, smart phones, tablets)
- Add a preloader svg to the search engine app
- Make all UI elements inside the app act responsively to any device (Desktop, smart phones, tablets)
- Add a 404 error / search results not found page
- Increase current app's API request limit per hour from 50 hits to 5,000 hits