General Description
The Vation Innovation Platform connects thousands of companies working on fresh ideas and tech solutions. It makes research easier, speeds up connections across the tech world, and boosts collaboration within your team.
Tech Description
The project was developed using Next.js, taking full advantage of its server-side rendering (SSR) capabilities, static site generation, and performance optimizations. I integrated TailwindCSS for rapid and maintainable styling.
Key dependencies:
- Auth0: Managed secure authentication and authorization.
- DraftJS: Provided rich text editing features for dynamic content creation.
- React PDF Renderer: Generated and displayed PDF documents directly from React components.
- Sanity: Integrated a headless CMS for managing and updating dynamic content.
- React Query: Handled efficient data fetching, caching, and synchronization with API endpoints.
- Axios: Simplified server communication with robust HTTP client features.
- Lightweight Charts and Recharts: Implemented interactive data visualizations for analyzing trends.
- React Hook Form: Managed form state efficiently with validation and minimal re-renders.
- Sass: Enhanced styling capabilities alongside Tailwind for complex UI elements.
- Storybook: Developed and tested UI components in isolation to ensure consistency.
Impact on the Project
I led the frontend development of the Vation platform from the start, working with a dedicated frontend team and collaborating closely with the Head of Product, Project Manager, QA, backend (Ruby on Rails), and designers. I introduced Next.js and TailwindCSS, marking the first time these technologies were used in the company.
One of my key contributions was transitioning the platform from server-side rendering to static pages, which significantly improved load times and performance, a change the client appreciated. I also supported the design team using Figma to ensure smooth implementation of designs.
I was in daily communication with the client from the US, building strong trust with the Head of Product and ensuring we delivered on all goals effectively.