prastoin / devblog

Devblog portfolio writings readings TIL

Hi there 👋, I'm Paul Rastoin

I'm a Full-Stack Web developper from the south of France 🫒
And a 42 student at 42Paris
You can find my devblog here 🚧

Core Stack:

• TypeScript
• Node.js
• XState
• React
• AdonisJS

Interests 👀 :

• React Native
• Vue3 composition API
• Temporal
• Stately
• @xstate/test
• Playwright

devblog's Issues

Setup a github profile home page

Handle BaseHeader responsive Burger menu or Drawer

Buy and setup a custom domain name

Improve SEO

Eslint and commitlint

Gosh this should have been done since the beginning

add default to colorTheme

Create default article/writing layout

A writing article is different from notes TIL by first it's complexity and in a second time it's global layout.
In this way the article should have at least:
-Title
-Introduction
-Table on content
-Sections
-TL:DR/Conclusion

fix colorTheme media order, prioritize localstorage

Create projects section

What we want:

A project page containing a series of 42 and others projects preview cards

A project card should contain:

• At least one image
• Project Name
• Small description
• Used technos Tags
• Links to github repo nor Production website
• Project creation Date

markdown code block linter

should support code linting as vscode's doing

Add a Home page

Add a home page where could be find the following information about me:

• Who am I and where do I come from
• What do I do right now
• Projects I loved working on
• Stack I love working on
• My 2 lasts articles
• My social network ( linkedin, github, email )

fix TIL section css overflow-x

Create writing section

Add default padding for more than 100vh pages

Already handling this on mobile but not on large vp

Implem copy link on notes title

Create a CLI to generate notes.md file

Create readings section

In this section I would like to store a link's list.
An added link to the list would mean that I might need or want to read this content again in the future.
Also I should look forward permaLinks only and display a small summary on when why and how was the content useful

Improve projects page

Improve Projects page

For the moment the project page is really simple.

Styling

First of all I need to improve the global page layout by doing:

• Improve responsiveness using media queries on spacing, icons width etc
• Improve global styling using specific color for icons and important element + media queries in case of dark mode
• Improve the grid global layout setting a kind of mansory brick layout see this article

Referring to team mates member github nor devblog

• Instead of only storing an peopleCounter variable I should be working on a list of Mate that could look like

interface Mate {
   name: string
   url: string
}

On each project card display the user's name in a a tag that would leads to his related url

UPDATE on this feature

I wanna add the same kind of contributor wall of fame that does astro ( see below image )

In this way I'll be using the following trick to be able to retrieve any of my team mates current github user picture
Picture will be a tag redirecting to their profile

UPDATE on the UPDATE about this feature

This might not be a good idea at all.
As the repo github url is already referenced on the project card anyone that wants to learn more can navigate to the github repo
Also would I add my own profile picture on every projects ? => no 😆

Latest Projects references on the home page

On the home:

• Add the two last projects I've been working on lately, display a preview card that needs to be defined it would contain at least:
  • a name
  • a image
  • links

Expo platform select -> React native platform

I should update this article replacing expo references to React-native.
As expo is build over react-native and the Platform select is handled by React-native and not by expo