ayngie / noa-code-exercise

Code exercise for applying for internship.

---

NoA Ignite - code exercise

Short description:

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!

The instructions were:

• 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.

I have also added some extra features of my own:

• 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.

---

Techniques used (shields/badges)

---

Git commit convention:

• ✨ (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

---

Screenshot of project:

---

Run locally:

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

noa-code-exercise's Issues

Different version of app: with useReducer + props

A version of code-exercise app with useReducer + props.

Different version of app: with useReducer + context

A version of code-exercise app with useReducer + context.

Refactor buttons