This is a coding exercise for applying for internship at NoA Ignite!
This app is built with create-react-app, and uses useState + props.
The code-exercise is the main branch. I also have two branches:
- A) a initiated (unfinished) project which uses useReducer + props (which is before refactoring of styled components and code in general), and
- B) a branch in which I will be developing using useReducer + context. Stay tuned!
- Build a react app showing two buttons and a counter (as shown in received mock-ups), with functionality connected to the buttons.
- The buttons should have a certain styling as detailed in the instructions I received, and should increase/decrease the count displayed in the counter.
- The counter is connected to an array of git-repo names, and upon increasing/decreasing the count the number in the counter should correlate with the position in the array of reponames - fetching and showing some data about that repository.
- The app should include error handling for the API, and other possible errors.
- Extra feature - the app displays a loader while new data is being fetched from the API.
- Saving the current repo to localStorage, so that the same repo will still show when updating browser, as well as for decreasing the amount of web requests made.
- Responsivity mobile- / desktop-view.
- โจ (feat): - introduces a new feature to the codebase
- ๐ (docs): - documentation / README
- โป๏ธ (refactor): - refactoring of code
- ๐ท (build): - project build-up
- ๐ (fix): - patches a bug in your codebase
- ๐ (style): - css/scss styling
- โช (revert): - revert to previous code
Clone the project
git clone https://github.com/Ayngie/noa-code-exercise.git
Go to the project directory
cd noa-code-exercise
Install dependencies
npm install
Start the server
npm start