FESTIGRAL WEBSITE

www.festigral.com was one of the major projects that I spearheaded development. The process for development was more freeform and allowed me to flex my development skills while also learning a couple of new things along the way.

Any idea was free game and as long as upper management was happy with what they saw, I was allowed to either develop it, or build it. This project started development in 2020 and ended around early 2022. It wasn’t as difficult as some of the other projects I worked on, but that might just be my experience talking.

 

 

Major Technologies and Languages Used

That I Can Talk About Of Course..

Next JS
React
HTTP
CSS
Javascript
Vercel
Node JS
Node Package Manager
Firebase
Markdown
Github / Git
SEO

 

 

The Frontend

A Simple But Effective UI

I completely designed and built the UI that www.festigral.com uses. Since the website’s primary goal was to market/sell an application, I didn’t want to clutter it with unnecessary features. I settled on a design that was simple for the user to navigate while providing all the necessary information to give people a rundown on what the app did and why they should buy it.

It was clean, it had some fun user interaction, and most importantly others agreed that would more than meet the needs that was designed to do.

 

 

The Blog

Where All The Updates Happened

The blog side of the website (called updates) was one of the major features that I need to create. It needed to be a simple yet functional way for people to find information about what was going on with the application. I decided that Markdown was a perfect candidate for that type of feature.

Integration with React took some time but ultimately worked out in the end.

 

 

The Account

A backend portal to a different dimension

Ok maybe not a different dimension, but if you consider a place for user to access more indent information about what was going on with their app profile a ‘different dimension,’ then more power to you.

That being said, actually having such a user portal was a must, and creating a complete separate side of the website locked behind authentication was a major headache. While online API’s made the process less of a complete nightmare, it still was time consuming to get everything working right.

When it did finally work correctly, it offered a way for users who logged into view more in-depth information about what was going on with their performance in the app. It was completely synced to any changes that the logged in user made and any changes that was made in their app account reflected on the website account. Quite an achievement if I do say so myself.

I also designed it in such a way that in order for any user to access their ‘dashboard,’ they needed to be logged in. Any attempt to try and access it without authentication would result in the website redirecting the user to the login page.

 

 

The Contact Us Page

Send us a message

There’s not much to talk about with this one. It’s a fully working contact us page with topic selectors and s place to write a custom message. Any message that is received is scanned and categorized automatically. The page lets the user know when the message was either successfully sent or failed to send.