Mini Website - Angular 8+ Universal, HTML5, SCSS, SEO, SSR

About this project

This is project is just a beginning of a big one, we have a website Career Controller written in AngularJs and we will upgrade and adding new functionalities to it starting with this project.
The new website needs to be developed using Angular 8+ Universal (Server-side Rendering (SSR) with HTML5 Semantic Elements together with best practices in order to achieve a clean HTML, CSS and JavaScript, mobile friendly (responsiveness is a requirement), SEO friendly is required and best practices must be implemented in order to achieve optimal page loading times and crawlable data structure. We also require a pixel perfect design with padding, margin, font (size, family, weight, etc) as close as possible from our design files
The key requirements of the job include:

Build a responsive website using the supplied Creative Designs (Adobe Indesign and Figma prototype) for Desktop, iPhone and iPad viewports using SEO best practice to ensure optimal Page loading times and crawlable data structure. We are going to use Google Lighthouse tool to measure website Performance, Accessibility, Best Practices and SEO. We require the overall score to be above 90 for Desktop and Mobile.
Related requirements include:
1. Website Loading Speed Time
a. Optimize page loading times to be above 90 in the Google Lighthouse tool
b. Minimize the Render-Blocking JavaScript and CSS
c. Limit the Number of Resources & HTTP Requests
d. Reduce the Number of Redirects & Eliminate Redirect Loop
2. Design
a. Angular Material Design must be used instead of Bootstrap.
b. HTML5 Semantic Elements must be used
c. SCSS must be used instead of simple CSS
d. Use a highly scalable folder structure for your Angular project (Follow this guide)
3. Overall
a. Please refer to Clean Code Best Practices to develop the website.
b. Components must be created in order to maximize code reuse.
c. Controllers must to be created using Single Responsibility Principe.
d. Code need to be clean, variable names must be meaningful.
e. Use best practices to create a standardized Stylesheet. Page specific style need to be in a separated file for specific Component and global styles need to be in a global stylesheet file.
f. Internationalization (I18n) must be used with at least one fully functional language example.
4. SEO related requirements include:
a. Make Sure Resources Are Crawlable
b. Review Blocked Resources (Hash bang URLs) with Fetch as Google
c. Test on Major Browsers (Chrome, IE, Safari, EDGE) and Android, iOS and Windows tablets and mobile.

Please be aware that a few of the REST APIs are in development process but a useful documentation will be provided to test it using a Mock Server.
About the recuiter
Member since Nov 11, 2022
Webmaster
from Medhimurje, Croatia

---

---

Looking for help? Checkout our video tutorial
How to search and apply for jobs

How to apply? Do you have more questions about the Job?
See frequently asked questions