Set up CI/CD pipeline & deployment hooks on Vercel

Setup CI/CD pipeline and permissions

• Refactored all the route href attributes to come from a single source.

• Moved the self hosted svg icons from the /public to /icons folder.

• Set up public access token for Mapbox (to allow more requests per day).

• Added link to the source (code) Github repository on the side <Navbar />.

• Refactored / Optimized <PageContent /> and its animations to be reusable.

• Set up the project on Vercel with restricted permissions for the main branch.

• Set up deployment hooks for develop (Preview) / main (Production) branches.

• Package (and lock) version number updated to reflect new features and changes.

First version with visible list of all available Projects

Setup NextJS skeleton with Vercel

• Added a new .gitignore file for the initial setup.

• Created basic skeleton with TypeScript and Tailwind.

• Updated app to use the new (App Router) project structure.

• Added basic markup for the <NotFound /> and <Error /> pages.

• Modified app routes to render <Overview /> on /overview/[id].

Create / Integrate the Projects page

• Added SASS to the app, converted *.css files to *.scss files.

• Created new getProjectsData() function to retrieve projects API data.

• Updated getProjectsData() to cache and re-validate data every 5 minutes.

• Created shared <Navbar /> component, to use in the main <RootLayout />.

• Created shared DataContext, to use in passing the API data across the app.

• Created <PorjectCards /> component to display projects (retrieved from the API) as a grid of cards.

• Updated <LazyMapImage /> to show a visual warning icon, when there is an issue loading the image.

• Added mock API data for projects (to be used for testing down the line).

• Added some subtle enter animations to the pages with framer-motion.

• Updated README.md with information about the technical challenge.

• Package version number updated to reflect new features and changes.