Coder Social home page Coder Social logo

doreapp / doreapp.github.io Goto Github PK

View Code? Open in Web Editor NEW
1.0 1.0 0.0 9.61 MB

Resume and portfolio data, presented in via a static website

Home Page: https://antoine.mandin.dev

License: MIT License

HTML 27.57% Ruby 0.35% Shell 0.29% Dockerfile 0.53% Makefile 2.73% Python 15.90% CSS 48.91% JavaScript 3.72%
jekyll jekyll-site portfolio portfolio-website resume resume-website software-engineering yaml

doreapp.github.io's People

Contributors

doreapp avatar

Stargazers

 avatar

Watchers

 avatar

doreapp.github.io's Issues

Introduce projects in portfolio

Following #8, initiate the display of projects in the portfolio website.

In means:

  • Creating a page for each project (using datapage-gen library)
  • Adding a list view for projects in the home page

Introduce full website generation from data

Update and improve the website source code so that no content is stored in the pages files (.md, .markdown, .html) but every data is under _data folder, as yaml files.

It results in:

  • Moving the content of the about page in a data file, and using Liquid to actually display the data. Ideally handle the case where no data exists (for forks/reuse).
  • Beginning the creation of the main page content as a data file, and display it in the home page. It can be the description of my profile.
  • Introducing the usage of jekyll-datapage_gen to generate pages (several) from data files. To illustrate its use, start writing down my schools, professional experiences or projects (actually anything that's multiple).

Create a contact me page

Create a new page to let visitors contact me, via email, or other social media links. Should be based on the existence or not of some links/email in me.yml/profile data

Improve projects data

Improve the data about projects:

  • Change DDM project title and cover image + improve its content
  • ...

Display jobs

Create data pages for jobs, related to the company pages.

Create a tool to ensure data's format

What ?

Create a tool to analyse the format of me.yml data file.

It should raise errors and warnings about missing or incorrect keys

Requirements

  • the tool need to be usable in command line
  • the issues should be associated with levels such as error, warning and info

Why ?

In order to know when a mistake is made, and possibly automatically check the data format during continuous integration.

How ?

My first idea is to build a python module:

  • using argparse to handle command line usage
  • using pyYaml to parse the data file

Translate the website in another language

What ?

Introduce the possibility to translate the website in another language.

Why ?

I want to offer a french version of the website.

How ?

  • A new me.yml file, named me.<lang>.yml (e.g. me.fr.yml)
  • A subset of the jekyll folder (inside it). E.g. jekyll/fr/_config.yml, jekyll/fr/404.html...

The page should be served in a subset of paths, such as antoine.mandin.dev/fr/...

๐Ÿ’ก Ideas/Hints

Display social network links

Add links to my social medias

Must (because I wanna used them):

  • GitHub
  • GitLab
  • Google Play Store
  • Linkedin

May (because it may be useful for others):

  • Youtube
  • Facebook
  • Instagram
  • Tiktok

Inspire from personal theme to display links on top of the page, and optionally at its bottom

Create a search bar for skills, projects, etc

For now it is just an idea, but it would be great to have a search functionality for visitors to search for my experiences with a given topic (e.g. docker, containerization, CI/CD....)

Create new data to define the data model

In order to design the pages and functionalities of the portfolio, one needs to know the data and data models available.

The data models are defined based on the data one wants to store.

As one doesn't know yet the full dataset he's going to manipulate in the end, one useful first step is to write down a part of the data, using a data model that seem logic at this point in time, and then update it to accept all the data one needs it to modelize.
This is useful because the data, once wrote down, will be reusable, even though the model changes.

Here is a first guess for the data model:

profile: {name, title, birthday, links: {github, linkedin}}
schools: [{name, long-name, description, weblink, city, country}]
companies: [{name, long-name, description, weblink, city, country}]
jobs: [{title, company(name), description, start-date, end-date}]
volunteering: [{title, organization, description, start-date, end-date, skills: [name...]}]
projects: [{name, description, job?, volunteering?, start-date, end-date, web-link, source-code-link, skills: [name...], team-size}]
languages: [{code, name, level}]
skills: {
 soft: [{name, description, level?}]
 technical: {
  programming-languages: [{name, description, weblink, level?}]
  libraries-and-frameworks: [{name, description, weblink, level?}]
  technologies: [{name, description, weblink, level?}]
 }
}
   

Create entreprises pages

Create data pages for enterprises.

In this issue, only display:

  • Name
  • weblink
  • description
  • logo ?
  • Banner image
  • city/county

(not the associated jobs)

In addition, improve the display of the school pages

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.