The client is a web development agency. They need to kickstart a startup within 4 weeks in September, and they are looking for a frontend developer to help with developement + advising.
This is the tech stack they will be using: https://drive.google.com/file/d/0B0-23AqaB9QUOEJpMFpEemV0VGM/view?usp=sharing
The project will be built within a PHP CMS/PIM System and will need a good frontend plugged into the architecture. It will involve a combination of general style and component based design. The ideal candidate should be very familiar with building a modern, robust frontend system.
Responsive Layouts for Store List & Store Detail
Data structure / JSON Format
Calculating distances between the user's geolocation and closest stores for a given radius, and present these (filtered) closest stores on a Google Maps and the index overview page.
Evaluate if a store is currently open/closed/about to open/about to close based upon each store's time zone and its opening hours (supplied by the stores JSON) relative to the visitor’s local time zone.
Each store has a ‘get directions’ button. On click it should open a new Google Maps page for that location, so that the user can generate their directions.
Display a section on each individual store detail page, showing the 3 nearest stores.
Display a label over a store listing for these events:
show a label whenever a store is closing within an hour, e.g.: ‘Closes at 8PM’
show a label when a store is still closed in the morning and opens in an hour: ‘Opens at 9AM’
The Index page shows an overview of stores. On initialization of that page, it currently tries to geolocate the user’s location through the HTML5 Geolocation API. If that fails, it tries to pinpoint it by using the user’s IP Address. This script needs to be checked/optimized.
The index page will show a configurable number of stores on load. Beyond that, we should ‘lazy load’ stores as the user scrolls.
On the stores overview page we currently have a select menu (dropdown) filter and a ‘Outlet’ and ‘Currently Open’ filter. As for the select menu we need to filter the overview by:
As for ‘Outlet’ checkbox filter: this currently works, but it’s functionality should be checked/optimized were possible. This setting will display only stores with the ‘Outlet’ set to ‘true’ in the JSON feed.
As for ‘Currently Open’ checkbox filter: this should be evaluated each time, against each store’s opening hours and its local time zone (Time zone based on store’s geographic location).
Event Management Per Store
Header background for each store, in case it should be different from the 'default' set one.
Store phone number
Store hours per day of the week
Store description (Rich Editing/HTML)
Social feed (Instagram username)
Store guides section (Rich Editing/HTML -- Image, store guide name, store guide bio). Also a on/off toggle setting to enable/disable a front-end module, which is a contact form to ‘Schedule an Appointment’. This would be a contact-form to email functionality.
Events section (Calendar/Scheduling widget -- Name, description, date/time)
CodementorX is an exclusive network where world-class Webpack developers can be hired for contractor positions or large freelance projects
We carefully screen our clients from all over the world, so you can rest assured that you're working with the best.
Work on Webpack jobs that interest you and make an impact. We have exciting projects from a variety of industries.
We handle all the logistics, including paperwork and invoicing, so you can focus on what you do best.
Our vetted Webpack developers include book authors, popular open source contributors, top Stack Overflow users, and engineers at top tech companies.