Atomic skills

1. Atomic skills Fahad Khan

2. Logo (takes you to the home page) • Each menu has a little representation in the front page as well as a separate page for detailed view. • Get started is to get requirements for a new project. Reference site does not include human validation like recaptcha on public forms.

3. Footer is majorly a static component with links on it. • Each page contains a chat icon at the bottom to initiate chat.

4. Start conversation with available sales person

5. Add file attachments. Gifs and emoji

6. Portfolio filters in main portfolio page • Each item in portfolio can have its separate detailed page.

7. Blogs will be displayed in the form of cards • Each card can have its own page for details

8. Careers can have multiple job openings at the same time • Each designation has it own detailed page and a form

9. Platform suggestions • We will be using Angularjs as javascript framework and bootstrap for designing. • For backend and admin panel we have multiple choice. We can either go for a existing CMS like wordpress that can handle specific types of requirements very easily or use Laravel framework which will consume more time but ia more robust. (Comparison on next page)

10. Comparison CMS pros and cons • CMS provide general functionalities out of the box e.g. SEO, chatting, blogs with ready made admin panel functionalities for every plugin. • CMS plugins are created keeping that in mind that everyday person can learn to manage them without professional help. • Since CMS are created in specific way to support market plugins and theme they do not follow professional design patterns for development e.g. MVC. In this case one has to heavily rely on available plugin in store. E.g. some of the plugins used by reference • https://wordpress.org/plugins/portfolio-filter-gallery/ (portfolio) • https://wordpress.org/plugins/intercom/ (chat) • For hiring • https://wordpress.org/plugins/simple-job-board/ • https://wordpress.org/plugins/wp-job-manager/ • Blogging is already supported by Wordpress • As plugins are developed by third party they can sometime clash with each other due to either naming convention or by the order in which they run.

11. Comparison Framework pros and cons • No restrictions of architecture. Any requirement can be broken down easily and implemented without the need for third party tools • Since everything is custom you will have greater flexibility and control over its modification. It will be easier to manage components and optimize them if needed. • Headless architecture in frameworks allow for a front end agnostic backend. This means a web site built on framework can easily be extended to support mobile apps later. Additionally, you will be able to change the layout for a website in future and backend will not be effected in this process. • Since everything is created from scratch development takes a lot of time. • Not all host providers take frameworks into consideration and sometimes complications can occur. • Admin panel is an additional requirement for every requirement that you need for public interface. In order to have CMS like flexibility (so that your client can manage website by themselves) one will need double amount of time to do the project.

12. Components • About us, detailed page sharing company information (static page, text, images maps etc.) • Services (static page, just like about us) • Partners (static page) • Recognition (static page) • Contact us (available for both Wordpress and Laravel) • Portfolio (dynamic page, plugin available for Wordpress but have to implemented for Laravel) • Banner, could be text, slider, video etc. (slider with multiple images is only available for Wordpress) • Blog (available for Wordpress only) • Careers (available for Wordpress only)

13. Price (rough estimates) • For CMS price is 35k rs and work will be completed within one month. • For framework price and time is x2, although presentable portion can be completed within two weeks.