A react site for a brand BareBurger build with PHP as backend and MySQL as DB. Have integrated google analytic to gather the customer behavior for making decision. Mainly bootstrap is been used for styling and used flex box, custom grid concept for fluid responsive site. Gathering realtime customer feedback and also Ticketing system for raising internal maintenance request.
- react-router-dom - For routing the pages without reloading.
- axios - For API calls
- ga - Google Analytic to track the customer behavior
- PHP as backend
- PHPMailer - For sending the mail notification
- Google Font - For Font
- Bootstrap - For styling
- styled-components - For inline styling.
Started with lots of different animation effect and ended with simple and elegant minimal animation to meet the needs. A simple liftover intro page and a left to right slider for each section ans services.
Biggest challenge was the first load time. Traffic was directly from the customer so it was mandatory to load the site in less than 3 second. Once the site was live, there was a new requirement to add a ticketing system for internal usage.
We did achive quick load time through optimizing the code to maximum reusibilty, used asynchronous calls to make API calls in background and a elegant styling. Following the Agile methodology and deep understanding of domain we got the solution.