For your third sprint you will work with fast growing consultancy company Comprend. We will keep practicing using APIs and really stretch your React muscles.
Your challenge for this sprint is to build a new career page for Comprend using their internal career API. Comprend is currently 80 consultants with skills in digital strategy, project management, UX, visual design, development, content and research with clients like Tele2, SEB, Electrolux, Vattenfall, Skanska and many more.
On Friday the 12th you will demo for Comprend’s client Services teams, including developers, project managers, content, researchers and human resources. The demo will be followed by an after work with their whole company.
Comprend’s new career page will be an integrated part of their web page and follow the provided wireframes, see assets folder. The overall look and feel of the page should be similar to Comprend´s existing.
Be aware that some features on the wireframes are stretch goals, make sure to read the full brief before you start.
- The career page should consist of the following pages, a job listing page, a page for each job opening and a landing page. Put your focus on the job listing and the job opening pages.
- Job listing page; Listing of jobs from API, filtering of department and city.
- Job opening page; Information from API, apply by provided link.
- Start page, static information, instagram feed from instagrams API.
- The project should be built in React using the Technigo React starter code.
- Navigation of pages using React router.
- Be responsive and work well on mobile, tablet and desktop.
- Content for job openings and team members (stretch goal) should be fetched using the API.
Comprend has an internal career API that they have opened for you to use. The API has several end-points which you have to combine to get all the information that you need.
You’ll reach the end-points at: http://hellotechnigo.comprendwebsites.net/
End-points:
- Jobs. Fetches either all jobs or a specific job usin the ID of that job in the url of the request.
- Users. To be used to fetch all team members of Comprend.
- Departments. Fetch all departments from the API to use in job listings.
- Text. Other texts for the page such as addresses and social media links.
A few tips
- Start by exploring the APIs to see which data you have and how you need to combine the end-points.
- This is a bigger web page than you have build before, a smart thing can be to divide the task into different features and work more in smaller feature teams.
- Start by drawing and come up with a united plan of what components and properties to use.
- What should be stored in state and what should update state?
After completing this project, you should be more comfortable using React to build web pages. You should also be comfortable in using React router for navigation and updating state on your page when fetching from an API.
Done with the main task?
- Build the team page of all team member of Comprend.
- Implement the “Some of your colleagues” section on each job opening.
- In the bottom of each job listing, implement so that you can see next or previous job. (See wireframes).
- Implement an Instagram feed for the landing page (See wireframes)