Skip to content

Latest commit

 

History

History
101 lines (76 loc) · 3.65 KB

README.TASKS.md

File metadata and controls

101 lines (76 loc) · 3.65 KB
Raw

Organisation

This file is a way to organise the developpement process and regroup some useful links and tips that are used throughout the project. Some tools like Notion, Jira or Trello are much more efficient at doing this, but the goal here is not to be precise and have a strict organisation, but to have an overview of the project that is easily accesible while working on it.

Tips & inspirations

These are some of the tools, websites and templates I have used or taken inspiration from to develop this website:

Ideas:

These pages - if implemented - might need different layouts:

  • Portfolio: Main pages, static
  • Blog posts page (+ API)
  • Movie library (+ API)
  • Admin dashboard (+ DB)

Structure and dependencies

Internationalized website in with QoL dependencies.

Setup & Dependencies

These are the current dependencies and environment setup on this project:

  • Next.js
  • Typescript
  • TailwindCss
  • Docker
  • Prettier, ESLint, Husky
  • Next-intl

These will be added if they are relevant to the showcased projects:

  • Zod (typescript & forms)
  • Axios & Tanstack Query
  • Redux
  • Jest (tests unitaires)
  • Firebase database

Tasks

Initialisation

  • Install dependencies and create basic project structure
  • Setup Docker for local environment (Vercel doesn't support Docker in production)
  • Import style template and setup first layout and page files

Setup

  • Theme: Choose color scheme, fonts (inspired by template, but personnal color)
  • Setup ESLint, Prettier & Husky pre-commit script
  • Create "work in progress" template
  • Deploy on Vercel with Github

Pages Layout

  • Layout responsive
  • Header: Navigation + burger menu, title, links
  • Footer links and contact
  • Internationalization FR/EN

Homepage

  • Create card component
  • Design & fill in introduction content
  • Fix mobile navigation scroll down issue
  • Finish SEO setup & performance tests

Page - Experiences

  • Page design & layout
  • Content: translation & images
  • Setup experience cards
  • Drawer animation
  • Slide-in animation from both side (domino layout: img|text?; extend theme)
  • Display skills list (import SVGs)
  • 'Download Resume' button

Page - Projects (coming soon)

  • Work on page design
  • Setup grid layout
  • Filter with keywords (multiple choices: buttons or selects)

Page - First Project (coming soon)

  • Decide projects routes (/projects/my-project, or /my-project with its own style file)
  • Choose first project

Miscellaneous

  • Adjust header to stick to top
  • Verifier les fontSize sur mobile -> lisibilité (fontsize?)
  • Update README.md file
  • Optimize Vercel setup (Analytics, Insight)
  • Add tailwind utility/component classes for transitions (card, button, links etc.):
    • Card component: add options for shadows, paddings, & max-w (extend Theme)
    • Button component: add sizes options for padding & colors (setup in global.css, component layer)
  • Translation for accessibility & common items (links, buttons)
  • (Optional) Scroll to top buttons
  • (Optional/Test) Switch Prettier tabSize to 2 instead of 4
  • (optional) Rework Svg as components (need change fill color?)