Overview
Technologies and Tools
- Software Architecture: RESTful API
- Back-end: Headless CMS
- Front-end: TypeScript, NextJS, React, Tailwind CSS
- Designing: Figma, Photoshop
- Hosting and Deployment: Vercel, Cloudflare
- IDE: VS Code
Role and Responsibilities
My role was a full-stack engineer and UI/UX designer.
- Collaborated with clients to identify the requirements for the project to find the deliverables and scope of the work.
- Created wireframes, high-fidelity designs, and prototyping using Figma and Photoshop to match the client’s needs.
- Synced the design tokens from Figma to Tailwind CSS.
- Transformed the design to ReactJS components and translated project requirements into functional code.
- Created responsive and adaptive user interfaces in Tailwind CSS
- Created a detailed data model of the database, including all necessary logical and physical design elements, and documented this design as an ERD diagram.
- Connected Next.js with the CMS database to retrieve data in Next.js to make use of Static Site Generation (SSG) and Incremental Static Regeneration (ISR).
- built the data layer and interacted with API endpoints using React Query and Axios.
- Built custom hooks for data fetching using React Query and ensured that SSR, ISR, and SSG worked perfectly. Optimized the UI/UX by providing local cache support.
- Purchasing the domain name, managing the domain’s settings and nameservers to guarantee that the domain points to Vercel, installing an SSL certificate, and configuring Cloudflare as a reverse proxy.
Tours
- ًView project: primecase.com