rootasjey / insight

Knowledge modernized

My personal universe

Table of Contents

• Table of Contents
• 👀 Overview
• ✏️ Concept
• 🚀 Quickstart
• ✨ Features
  • Landing Page
  • Blog
  • Projects
  • Artworks
• Contact
• License
• Hire me

👀 Overview

This is my personal website and portfolio made with Flutter and Firebase.
It has my resume, runnable projects, some blog posts and illustrations (I like drawing). It's responsive too.

If you wish to clone and/or run this project, you'll need a Firebase account with similar settings as mine. I'm going to write a post to explain what services you need (basically Firestore, Functions and Storage).

✏️ Concept

I drew this concept before starting coding.
It's a snapping grid which can be scrolled vertically and horizontally.
Each screen has its own experience 😍

🚀 Quickstart

Follow these steps to run the project on your local environment.

Prerequisites: Make sure you have Git & Flutter installed on your computer. You'll also need a Firebase account and configuration files.

• Flutter
• Git
• Create a Firebase project to obtain your own API keys

Run the project:

• Clone the project locally with git clone https://github.com/rootasjey/rootasjey.dev.git
• cd rootasjey.dev

Use flutterfire to signin and configure the project. You should then have new files in your project depending on which platform you activate:

• macos/firebase_app_id_file.json
• lib/firebase_options.dart

Then run:

• flutter pub get
• flutter run -d chrome (or flutter run -d macos)

✨ Features

This personal virtual space has several purposes.

Landing Page

The landing page welcomes the user with a hero text, GitHub activity and a quick presentation of myself.

Blog

There's a blog section with articles stored in Firestore and Firebase Storage. It uses basic document format and rendering in markdown.

I mostly write about Flutter and Firebase these days, but I may also talk about web and game development.

Posts will be published on my blog, Hashnode and Medium.

Projects

The projects sections showcases runnable projects. This is my portfolio to demonstrate my skills and capabilities.

Artworks

There, you'll find my drawings. I'm building a platform where to post them.

Contact

You can contact me through the website or by opening a pull request in this repository.

License

MIT License.

Feel free to clone this project for your own benefits as long as you generate your own content.

Hire me

I live in France and I currently take freelance work.

insight's Issues

Auto-complete

Add auto-complete to the search input

Add deep dive module

Add a deep dive module which will dive into the subject.
This module will match each summary category.

Create presentation module

Presentation module handles a subject's presentation.

It's the main module which control the demo.

Objectives:

• Takes control after user clicks the play button
• Introduces the subject
• Decides the suitable layout (depending of the subject's nature) - Layout module
• Run modules in sequence (introduction, history, music, etc.) - Timeline module
• Ability to play/pause the presentation - Timeline module
• Ability to go backward/foward in the presentation - Timeline module

Add presentation type detection

Add presentation type detection based on if the subject is:

• human
• place
• thing
  etc.

To achieve this, either

• look if Wikimedia API tells the subject's type
• parse and guess the type with homemade algorithm
• use a lib or an API like google ML

Create modules

Create dedicated modules for each function:

• Introduction module
• Map module
• Life module

etc.

Add audio module

Add audio module which the user can listen.
This module could use YT, Spotify, Deezer API (when possible) to show tracks/music/audio.
Don't know when it'll be relevant to show this module.
Certainly when searching for an artist or a song.

Add TTS module

Add a text-to-speech module.

• This module will be shown as a bottom bar.
• Inside the bar, the current text speeched will be displayed
• It'll be possible to stop/re-start the presentation

Enhance introduction module

Enhance introduction module by adding:

• a more complete:
  • audio description
  • text description

Add video module

Add video module presenting the subject.
This module could use YT API.
Don't know when it'll be relevant to show this module or not (on video games, artists ?)

Add map module

Add a map module for places.

This module should use a map API like openStreetMap with a pin on the location.

Add images module

This module can be used by any subject type. It will show more images of the subject.

Pick the 1st suitable result

When search terms doesn't strictly match an article, pick the closest results from approximateResults function.

Add summary module

A card showing a summary.

The summary will be about specific categories for the subject, like on wikipedia page.
This will allow to jump directly to specific categories.

Hero image issue on Safari, FF

The 1st result's hero image is misplaced on Safari and FF.
No issue on Chrome.

Probably due to Vuetify.js' component: Parallax.

Missing image on some search results

Some search results, while valid, miss hero image.

For example: "Overwatch".