Main Page
Tech Ecommerce
For this project, React.js, Next.js, and TypeScript were chosen as the primary stacks. The development environment was meticulously set up with Linters and Prettier to adhere to best practices.
- ● Responsive Design:
A landing page for a tech store was meticulously crafted using a Figma template and styled with TailwindCSS. The page boasts full adaptability across various devices.
- ● Custom UI Components:
Several UI-kit components, including Buttons, Icons, Typography, and Inputs, were custom-built and seamlessly integrated using Storybook. These components underwent thorough UI testing using Jest and React Testing Library.
- ● Global State Management:
A robust global store was implemented for Cart and Products Filters utilizing Redux Toolkit, ensuring efficient management and synchronization of state across the application.
- ● Contact Form Integration:
A user-friendly contact form with built-in validation was created and seamlessly integrated with React Hook Form and Resend for streamlined email communication
- ● Backend Integration:
Strapi CMS was seamlessly integrated to handle backend functionalities, enabling efficient data management and content delivery.
- ● GraphQLImplementation:
GraphQL was leveraged for server-side requests, providing a flexible and efficient means of data retrieval. Apollo Client was utilized on the client-side to seamlessly interact with GraphQL APIs.
- ● Deployment:
The frontend portion of the project was deployed on Vercel, ensuring seamless deployment and scalability. Meanwhile, Strapi CMS was deployed on the Reder platform, guaranteeing optimal performance and reliability.
