ELECTETRA

I developed a new website for Electetra, an LED technology company. Built from scratch using HTML, CSS, and JavaScript, this website has a very aesthetically pleasing interface. It features two sliders, a marquee, and other features.

OVERVIEW

Client: Electetra Engineering
Purpose: Develop a new website to showcase the company’s products and services.
Technology Stack: HTML, CCS, JavaScript
Live Link: View site
Note: The website is still under construction.

A sreenshot from the website of Electetra

FEATURES

Touch sliders: The beautifully styled services and testimonial sections are touch sliders built with Swiper JS.
Social media integration: A section displays social media feeds from the company’s Facebook and Instagram accounts.
Live chat: A floating chat button lets visitors chat with customer support.

CHALLENGES

Besides development, I had to write some content for the website. I also had to collaborate with the UI/UX designer in designing the various sections and pages. A lot of research was involved. There were also some coding challenges. For example, after trying unsuccessfully to code the sliders using vanilla JavaScript, I had to resort to using Swiper JS.

LESSONS LEARNED

I learned how to use Swiper JS to build sliders. I also learned how to build infinite scroll marquees using just HTML and CSS, all thanks to the internet and a developer friend. I also learned to use Google material symbols, how to center an absolute element, and using flex-shrink set to zero to prevent a div from shrinking. I was also introduced to some new HTML tags such as “figure” and “figcaption”.

ELECTETRA

OVERVIEW

FEATURES

CHALLENGES

LESSONS LEARNED

LET'S CONNECT