showcase_

Mailfomo

tools used

react, typescript, node, sass, tailwind, ai, psd, figma

Github repo on request.

year

2023

full-stack, ui/ux

View project ↓

available for freelance work

social_

twitter / instagram / facebook
Mailfomo

Designs of Mailfomo


Collecting sources of news into an email

Mailfomo is a daily top links aggregator, sending you the most popular links of the day to your email. Never fear of missing out again.

Styled with SASS and Tailwind, developed with React and for authentication used JWT authentication as a client-side-based stateless session.

Home page of Mailfomo


Idea

The inception of Mailfomo came from the need to streamline the consumption of news from various sources. Scrolling through subreddits, Twitter, and news sites like HackerNews can be time-consuming. Mailfomo addresses this issue by aggregating news from these platforms and delivering it directly to users' inboxes.

Designs of Mailfomo

Currently, it supports content aggregation from Reddit, HackerNews, and Twitter. Users can personalize their news feed by selecting specific sources or topics of interest.

Designs of Mailfomo

A single view of adding a single source, such as Subreddits.

Designs of Mailfomo

The sources page, where the user would link their favourite sources with their email address, which would be sent daily.

Designs of Mailfomo


Development Process

Tools

Built with React, leveraging the power of TypeScript for improved code quality and maintainability. Styled the application using SASS and Tailwind CSS for a responsive and modern design. Conceptualized and designed the user interface using Figma. Translated Figma designs into functional React components. Prioritized intuitive navigation and an engaging user experience.


Authentication and Security

Implemented JWT authentication to ensure a secure and stateless session management on the client side. Created the CRON job to send emails everyday the users that are subscribed.


Challenges and Learning

Addressing the challenge of aggregating content from diverse sources while maintaining performance. Learned advanced React patterns and state management techniques to handle dynamic content efficiently.


Contact

work

Case study incoming

Cimerat project image, click to view more details.

Cimerat

react native, typescript, mongo, tailwind, express

Cimerat is a flatmate finder app, built with React Native and TypeScript.

Case study incoming

Flatmately project image, click to view more details.

Flatmately

js, html, tailwind, figma

Flatmately is a flatmate finder app, built for New Zealand and Australian market. I was tasked to design and develop their website, and also helped with branding and marketing.

Case study incoming

NxtStep project image, click to view more details.

NxtStep

js, html, bootstrap, sketch, ai, psd

NxtStep is a job board for students and graduates. I was tasked to design and develop their website, and also helped with branding and marketing.

Case study incoming

Yoga With Kassandra project image, click to view more details.

Yoga With Kassandra

js, html, sass, wordpress, ai, psd

Yoga With Kassandra is a yoga teacher and content creator. I was tasked to design and develop her website and courses platform while I was working at VidApp.

Case study incoming

Tourism New Zealand project image, click to view more details.

Tourism New Zealand

js, html5, css3, sass, bootstrap, sketch

Tourism New Zealand is a website I've built to showcase my skills utilising JavaScript, HTML5, CSS3, SASS, Bootstrap, Sketch. I was tasked to design and develop their website.

Case study incoming

Renkon project image, click to view more details.

Renkon

js, html5, css3, sass, bootstrap, handlebars, sketch

Renkon is a Japanese restaurant, I've pitched the new website and design for the ordering app. I used JavaScript, HTML5, CSS3, SASS, Handlebars and Bootstrap to build the website.

Case study incoming

DotaPopQuiz project image, click to view more details.

DotaPopQuiz

js, html5, css3, sass, php, bootstrap, sketch

DotaPopQuiz is a quiz app built with JavaScript, HTML5, SASS, PHP. It was built as a fun project to make a game to increase brand awareness and to learn more about JavaScript and PHP.

Case study incoming

VidApp project image, click to view more details.

VidApp

wordpress, js, html, sass, ai, psd

VidApp is a video streaming platform. I was tasked to design and develop their website and the platform where users would publish their customised app for iOS and Android.