FPTV - Website
Tags: webdev, javascript, html, css
Published: 2023-02-28 16:06:46

I am thrilled to announce the successful completion and delivery of the new #[FPTV website](https://www.fptv.ca), a project I had the pleasure of working on as a developer. It was an amazing experience to work on this project, and I'm excited to share my experience and insights with the community.

![Home page and welcome section.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/r6y5s3hmxcgkx44h1y1s.png)

The project involved a team of four, which we put together according to the project scope, including myself as the lead developer, [Carla Antunes](https://www.linkedin.com/in/carlacaetano/), who assisted with UI design, [Cristine Patricio](https://www.linkedin.com/in/cristine-patricio-30074313a/), who provided the graphic content, and [Bia Menezes](https://www.linkedin.com/in/bia-menezes-53a014268/), who contributed to the written content. Our team utilized modern web technologies, including HTML, CSS, and JavaScript, and used source control tools like git. We were able to create a platform that showcases [FPTV's unique programming](https://www.fptv.ca), offers a seamless experience for viewers, and has a user-friendly interface with engaging visuals.

One of the key features we implemented on the #FPTV website is a subscription dashboard that utilizes glassmorphism design, a popular trend in web design that creates a frosted glass effect on user interfaces. We used CSS to create the frosted glass effect and JavaScript to handle the dashboard's interactive features. The dashboard allows users to easily manage their subscriptions and link to cable providers' [pages to subscribe to FPTV](https://www.fptv.ca/assinar.html).

![Subscription dashboard screenshot.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7eg9nc2slcutnnab6k55.png)

Another feature we incorporated into the website is the [Environment Canada's widget](https://www.fptv.ca/contato.html). Which allows users to check the weather in their area. We integrated the widget into the website using JavaScript, HTML and CSS.

![Weather forecast dashboard on the contact page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/07nd2fhm005sj2ckghjp.png)

![Weather forecast dashboard on the contact page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/7ekgej8s7bv5uqfcsmbb.png)

To showcase FPTV's programming, we created a page using HTML and CSS. It features a grid layout that highlights the various [shows happening on the channel](https://www.fptv.ca/programas.html). We used CSS to create the layout of the page and HTML to structure the content.

![Programming page.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/z4jw8wbnd70gvxk5kkyk.png)

One of the challenges faced during the project was the requirement to work with the Weebly (Square) development platform, which was the platform used by FPTV for their [website](https://www.fptv.ca). This was a great opportunity to expand my skill set and learn a new platform. I quickly learned the Weebly platform and created the MVP. After many discussions with the team and other FPTV stakeholders, we managed to refine the requirements and implement the final version of the website, which can be seen here: https://www.fptv.ca/

![Crossworking with GitHub and Weebly (Square) builder and code editor.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/4oftvfitsoepc4kqdaze.png)

After a few days online, the [website](https://www.fptv.ca) is already receiving significant traffic from the Portuguese speaking community across Canada. Becoming a valuable asset for the channel, and I am proud to have been a part of its development. It was an incredible experience to work with such a talented team, and I'm grateful for the opportunity to have contributed to the growth of [FPTV](https://www.fptv.ca) and its online presence.

![Traffic metrics two weeks after launch.](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/g7ezb5rocbzhbdlnjohe.png)

I would like to take a moment to give a special shoutout to Carla, Cristine, and Bia for their hard work and dedication to this project. Without their contributions, this project would not have been as successful.

Looking forward to more exciting projects in the future, I will continue to use my skills in web development and my experience in using source control tools to build innovative platforms. If you're interested in learning more about my work, you're welcome to visit my [website](https://rafdev.netlify.app) or [LinkedIn](https://www.linkedin.com/in/rafael-a-gomes/) profile.

Thank you for reading and for your continued support!