Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/skorupaw/recruitment-task-1
🚀 A coding assignment repository for showcasing skills and expertise in building a React application interfacing with either a REST or GraphQL API.
https://github.com/skorupaw/recruitment-task-1
assignment frontend graphql javascript playwright recruitment recruitment-task rest typescript
Last synced: about 2 months ago
JSON representation
🚀 A coding assignment repository for showcasing skills and expertise in building a React application interfacing with either a REST or GraphQL API.
- Host: GitHub
- URL: https://github.com/skorupaw/recruitment-task-1
- Owner: skorupaw
- Created: 2023-06-19T11:18:03.000Z (over 1 year ago)
- Default Branch: master
- Last Pushed: 2024-08-14T12:23:55.000Z (5 months ago)
- Last Synced: 2024-08-14T13:45:23.435Z (5 months ago)
- Topics: assignment, frontend, graphql, javascript, playwright, recruitment, recruitment-task, rest, typescript
- Language: TypeScript
- Homepage: https://pragmile.com
- Size: 587 KB
- Stars: 0
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
## Prelude
The following task is a great opportunity to show us your experience, style, and the way you work - and impress us with your skills and knowledge. Familiarize yourself with the information below, set up the development environment, and once everything is up and running, click on the link labeled "Start Assignment" at the bottom or navigate to `TASK.md`.
## Description
The application should display a list of moods provided by the API and allow a user to search, paginate, and submit their current mood. The current mood can consist of max three emotions, e.g. "Happy", "Excited", "Proud".
## General advice
- You can take a look around the project and change every part of it, but all the tasks can be achieved by:
- Modifying the [`App.tsx`](./frontend/src/App.tsx)
- Creating and modifying files in [`/components`](./frontend/src/components/), [`/src`](./frontend/src/) folders.
- We advise you to do the tasks in order, most of them build upon each other.
## Delivery
1. Create a branch named `solution`.
2. Complete the tasks outlined in the [`TASK.md`](./TASK.MD) file on the `solution` branch.
3. Create a PR: `master` <- `solution`.
4. Request a review from [@skorupaw](https://github.com/skorupaw).
> **It's super important to follow the instructions exactly for completing the task. If you stray, your work might not get checked!**
## Environment requirements:
```json
{
"node": ">= 18.0 < 18.19",
"npm": ">= 9.5"
}
```
In addition to running the application locally, this repository supports `devcontainers`. If you are experiencing some problems with your local node installation, using devcontainers should give you much more reliable results.
## Before you start
Install the dependencies with npm
```cmd
npm i
```
Start the dev server with the frontend application:
```cmd
npm run dev
```
After that, the server should be running at: http://localhost:5173/
Now, you can choose a form of the backend API that you want you use while completing the assignment:
With REST:
Start the REST server with command:
```cmd
npm run serve:rest
```
With GraphQL:
Start the GraphQL server with command:
```cmd
npm run serve:graphql
```
## Final notes
- We prefer a more straightforward solution relying on pure `react` than one depending on many external tools and libraries.
- You can use [`NOTES.md`](./NOTES.md) to write down your thoughts that you may have had while completing the task. You can present your point of view or explain your thought process.
- Please provide a copy of the checklist from [`CHECKLIST.MD`](./CHECKLIST.md) and mark the implemented points.
- Please make sure that there are no console errors or bugs. It's better if some point is not delivered than if the implementation is buggy or incomplete.