oh-my-food's Introduction
oh-my-food's People
oh-my-food's Issues
Update restaurants menu to work on a click event
For restaurants page, use a form with multiple radio groups & radio buttons to make card clickable (to display the animation on :checked instead of :hover)
Create readme
Create readme with installation instructions & prerequisites
Fix router during development
Create a custom middleware for dev-env only to prevent having to specify /pages/
in the url.
Animations
Setup all animations required in the projetc
Switch from PNPM to NPM
Replace pnpm with npm to facilitate installation during CI/CD
Use SVG for heart icons
Style pages
Fix w3c scripts
Responsive
Make all pages layout responsive for desktop use
Setup w3c validator in CI
Make sure all built html files are valid using w3c's validator during CI
Setup deployment pipeline
Create a new github pages deployment using github actions on new push on branch main
Fix heart icon
Refactor heart icon to only use a checkbox instead of a div + checkbox + i (which are not needed).
Replace the tag with a ::before directly on the checkbox and get rid of the div container
Fix order button styling
Fix fs router
Fix a bug with fs-router where html links are not updated
Fix small build issue
After build on prod, there is a small "<>"
at the very bottom of the page.
Fix Bundling issues on prod
Make sure assets path are updated correctly. Consider remplacing vitejs if too much problems are encountered
Setup CI linting in pipeline
Depends on #5
Run stylelint, eslint, prettier, etc... In CI pipeline with github actions
Create HTML Structure
Create homepage html layout
Create loader
Create spinning loader which disappear after 2 seconds on every page load
Fix all styling issues
Create script to make use of default github pages router
Create a bash script that will be run in cd to transform every file like shown in the example below:
dist
├── assets
│ └── ...
├── index.html
└── restaurants
├── index.html
├── a-la-francaise.html
├── la-note-enchantee.html
├── la-palette-du-gout.html
└── le-delice-des-sens.html
into ->
dist
├── assets
│ └── ... (non-html files should not be modified)
├── index.html
└── restaurants
├── a-la-francaise
│ └── index.html
├── la-note-enchantee
│ └── index.html
├── la-palette-du-gout
│ └── index.html
└── le-delice-des-sens
└── index.html
Make sure to update links in html pages to keep navigation possible
Fix page max-width & min-height
Fix page min-height and max-width on very large screens
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.