Matthew Chhay's Choice Making Website, iPrefer Open Live Preview
- Introduction
- Features
- Technologies Used
- Screenshots
- MVP
- Setup
- Tools Used
- Project Status
- Room for Improvement
- Acknowledgments
iPrefer helps people make decisions quickly by showing two options at a time, narrowing down the choices until the perfect one is found.
- Choose between two options at a time from two categories
- Categories are
gamesorfood - Responsive web design
- React TypeScript with Vite
- React Router
- SCSS/CSS
- Choose between two options from a category
- Create hamburger navigation
- Create select/multiSelect component
- Count number of option clicks
- Present results as a bar graph and in a tabulated form
- Save and fetch options with an API
- User selectable options based on existing categories
- User creatable options
- Invite friends/family to vote on options with a share link
- Light Mode and Dark Mode Support
- Git clone this repo
git clone [email protected]:chhaymatt/iPrefer.git - Run
npm install - Run
npm run dev
- Run
bash deploy.sh
- Vite - creating a starting React app.
- React Router - for navigating to other products and pages.
- Prettier - to tidy up code in spacing and structure. Get Prettier Extension
- Favicon.io - generate a favicon. Generate favicon
- Meta Tags - generate metadata. Generate metadata
- Coolors - generate colour palettes. Generate colour palette
- Grabient - generate gradient backgrounds. Generate a gradient background
- Google Fonts - a library of free fonts. Get Google Fonts
Project is ongoing
- Brand images and logos belong to their respective brands
- Select menu by Web Dev Simplified
- Responsive navigation bar tutorial by Codevertiser