Case - Example Website 2

Requested

Case Details We want you to carefully review the Figma file we sent you. What is expected from you is to code this design pixel-perfectly, preserving its aesthetic value. What we expect from applicants is to have an approach that goes beyond just creating a user interface and delves into the depths of the design. Other issues we expect from you: Complete completion of all animations specified in the file. Making back-end connections (You can find API information in the file we sent you). Modal Form Team Must be cross-browser compatible. Must work properly on all desktop resolutions. Technical Requirements: You can develop the project using JavaScript or TypeScript, as preferred. Candidates using TypeScript will be given priority. We expect you to develop the project with React or Next.js. We expect you to use libraries such as Axios, React Query, Redux toolkit, etc. in CRUD operations, as needed. Evaluation Criteria: Functionality: Does it work in accordance with all requirements? Code Quality: Is it clean, organized and readable code? Responsive (desktop only): Does it adapt to different screen sizes (13 inches - 27 inches)? Pixel Perfect: Does it provide an aesthetic that fits our design vision? Additional Points: Mobile resolution is not mandatory since we do not submit the design. Candidates who do will receive additional points. You can add animation to the design according to your own aesthetic understanding. For example: Parallax, text animations, smooth scrolling.

Result

About

This is a case study to measure pixel perfect ui design skills with some nice and smooth animations.

Stack

HTML, CSS, JS, TS, React.js, Chakra UI, Swiper.js, React Router Dom, Redux Toolkit, React Helmet, GSAP, Axios

Installation

Clone the repository

git clone https://github.com/saintyusuf/case-exampleWebsite2.git

Change directory

cd case-exampleWebsite2

Install dependencies

npm install

Run the project

npm run start