|
1 | 1 | ## ⭐ Omnifood-Never Cook Again ⭐ |
2 | | -A Food Delivery AI Startup's **Fully Responsive** website, built using **HTML5, CSS3, and JavaScript.** |
3 | | -<br> |
| 2 | +Omnifood is an AI-powered food subscriptions that will make you eat healthy again, 365 days per year. It's tailored to your personal tastes and nutritional needs.<br> |
4 | 3 | <br> |
5 | 4 |
|
6 | | -## 📌 **Live Site URL:** <a href="https://omnifood-ai-startup.netlify.app/" target="_blank">**Visit Now** 🚀</a> |
| 5 | +## 📌 **Live Site URL: |
| 6 | +** <a href="https://saimounikas-foodstartup-omnifood.netlify.app/" target="_blank">**Visit Now** 🚀</a> |
7 | 7 | <br> |
8 | 8 |
|
9 | | - |
10 | 9 | ## 📌 Tech Stack |
11 | | -[](https://github.com/prakash-naikwadi) |
12 | | -[](https://github.com/prakash-naikwadi) |
13 | | -[](https://github.com/prakash-naikwadi) |
| 10 | +[](https://github.com/mounikaperi) |
| 11 | +[](https://github.com/mounikaperi) |
| 12 | +[](https://github.com/mounikaperi) |
14 | 13 | <br> |
15 | 14 | <br> |
16 | | - |
17 | 15 | ## 📌 Overview |
18 | | -**YouTube URL:** <a href="https://youtu.be/Xku3ypsSTIw" target="_blank">**Watch Now** 🚀</a> |
| 16 | +**YouTube URL:** <a href="https://youtu.be/kSLj3TD4J3o" target="_blank">**Watch Now** 🚀</a> |
19 | 17 | <br> |
20 | | - |
21 | | - |
22 | | - |
23 | | -## 📌 My process |
24 | | -- I started Udemy Course "Build Responsive Real-World Websites with HTML and CSS" by Jonas Schmedtmann.<a href="https://www.udemy.com/course/design-and-develop-a-killer-website-with-html5-and-css3/" target="_blank"> **Check🚀 (Not Sponsered)**</a> |
25 | | -- I feel confident while writing CSS 👊. |
26 | | -- This project has given me the confidence to build any complex layouts 👊. |
27 | | -- Still, we all know that learning CSS is a never-ending process 🚫. |
28 | | - |
29 | | - |
30 | | -## 📌 What I Learn |
31 | | -👉 Web design principles. |
32 | | -👉 How to optimize the website for production. |
33 | | -👉 How to design a website from scratch. |
34 | | -👉 Responsive Design (still Kevin Powell's Responsive Web Design course is the best) |
| 18 | + |
| 19 | + |
| 20 | + |
| 21 | +## 📌 Learnings and Insights - What have I learnt? |
| 22 | +## Web design principles |
| 23 | + 👉 Implementing Typography |
| 24 | + 👉 Implementing Colors |
| 25 | + 👉 Images and Illustrations |
| 26 | + 👉 Shadows, border-radius, whitespaces |
| 27 | + 👉 Visual Hierarchy |
| 28 | + 👉 UI=UX Rules |
| 29 | + 👉 Website Personalities Framework |
| 30 | +## Components and Layout Patterns |
| 31 | + 👉 Building an Accordion |
| 32 | + 👉 Carousel Components |
| 33 | + 👉 Table Component |
| 34 | + 👉 Building a Pagination Component |
| 35 | + 👉 Building Web Application Layout |
| 36 | + 👉 UI=UX Rules |
| 37 | + 👉 Website Personalities Framework |
| 38 | + |
| 39 | +👉 Build Website from Scratch using HTML, CSS and JavaScript<br> |
| 40 | +👉 Making the website responsive for various devices(desktops, tablets, mobile devices) using responsive units and media queries<br> |
| 41 | +👉 How to optimize the website for production. <br> |
| 42 | +👉 Testing performance of the website using Lighthouse.<br> |
35 | 43 |
|
36 | 44 | ## 📬 Connect With Me |
37 | | -- **LinkedIn** - [Prakash Naikwadi](https://www.linkedin.com/in/prakash-naikwadi/) |
38 | | -- **Twitter** - [@PrakashNaikwad6](https://www.twitter.com/PrakashNaikwad6) |
| 45 | +- **LinkedIn** - [Sai Mounika Peri](https://www.linkedin.com/in/saimounikaperi/) |
39 | 46 |
|
40 | 47 | ## 📌 Acknowledgments |
41 | | -- This ReadMe File Inspired From - [Jigar Sable](https://github.com/jigar-sable) |
42 | 48 | - Course Instructor - [Jonas Schmedtmann](https://codingheroes.io/) |
43 | | -- Icons Used For Tech Stack Section - [https://img.shields.io](https://img.shields.io) |
| 49 | +- Icons Used For Tech Stack Section - [https://img.shields.io](https://img.shields.io) |
0 commit comments