Skip to content

Commit f3f9652

Browse files
authored
Update README.md
1 parent 960dd90 commit f3f9652

File tree

1 file changed

+31
-25
lines changed

1 file changed

+31
-25
lines changed

Project-OmniFood/README.md

Lines changed: 31 additions & 25 deletions
Original file line numberDiff line numberDiff line change
@@ -1,43 +1,49 @@
11
## ⭐ 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>
43
<br>
54

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>
77
<br>
88

9-
109
## 📌 Tech Stack
11-
[![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)](https://github.com/prakash-naikwadi)&nbsp;
12-
[![CSS](https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)](https://github.com/prakash-naikwadi)&nbsp;
13-
[![JS](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)](https://github.com/prakash-naikwadi)
10+
[![HTML](https://img.shields.io/badge/html5%20-%23E34F26.svg?&style=for-the-badge&logo=html5&logoColor=white)](https://github.com/mounikaperi)&nbsp;
11+
[![CSS](https://img.shields.io/badge/css3%20-%231572B6.svg?&style=for-the-badge&logo=css3&logoColor=white)](https://github.com/mounikaperi)&nbsp;
12+
[![JS](https://img.shields.io/badge/javascript%20-%23323330.svg?&style=for-the-badge&logo=javascript&logoColor=%23F7DF1E)](https://github.com/mounikaperi)
1413
<br>
1514
<br>
16-
1715
## 📌 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>
1917
<br>
2018
![Screenshot](/screenshots/hero-section.jpg?raw=true "Hero Section Of Website")
2119
![Screenshot](/screenshots/call-to-action-section.jpg?raw=true "Call To Action Section")
2220

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)
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>
3543

3644
## 📬 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/)
3946

4047
## 📌 Acknowledgments
41-
- This ReadMe File Inspired From - [Jigar Sable](https://github.com/jigar-sable)
4248
- 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

Comments
 (0)