gdscigdtuw / indulge Goto Github PK

Ensure Mobile Responsiveness
(It is expected as a part of your PRs, if there's an issue with some part of the website you can directly give a PR to fix it)

Tasks

1. Navigation Bar - Full Length Bar Navigation Bar for large and extra large screens and full Screen Overlay Navigation Bar for medium and smaller devices.
   (Include all webpages name in navbar menu)
   (Preferred transparent navbar)

• In overlay navbar, include menu items and newsletter signup

2. Inbuilt animation as shown in reference website. You can also embed videos in place of animation using images. That is completely your choice.
   (Make sure to select pictures/video in sync with theme) + do include footer items too as shown in reference

Assignees

1. NavBar
2. Animation

Reference
http://www.easybistro.com/

Task
Integrate the finalized loading animation with the home page of the website.

The finalized animation that we would be using in our project is the one made by Aastha. The files of the same are in the repository.

Include a chatbot for the website. This chatbot will automatically answer some of the most basic and common consumer enquiries for eg. The opening hours, Restaurant Locations, etc.

You can use online chatbot services to integrate a chatbot on our website.

Tasks
Create a basic layout of the webpages for the site.

Elements that need to be included:

1. Navbar- Use the same navbar as used on the homepage.
2. Footer: Design a footer for all the webpages. Make sure that it matches the theme of the website and also it should compliment the navbar.
3. Color palette : Decide a suitable and interesting color theme for the website.
4. Font : Find suitable font for different elements of the website.
   So, Provide with appropriate color Palette and font pairing which could be used for a blogging website

Additional context
You can look for following link to get an idea

For font-pairing try these:
https://typespiration.com/design/
https://fontjoy.com/
https://fontpair.co/

For color palette,
check https://colorhunt.co/

I personally liked the font used (https://nitin326.github.io/Frontend_Bakery-and-Restaurant-Page_GSBSP-BR33/#footer) in this website a lot. But yes, we are open to suggestions :)

Add different elements in the basic layout that are necessary.

Preferred Features:

1. Add the locations and working hours of the restaurant.
2. Integrate a map within the page, showing the locations of the restaurants.

Note- Always try to stick to the theme of the website.

Reference
https://www.ililinyc.com/location/ilili/

Add different elements in the basic layout that are necessary for the Indulge's Menu.

Preferred Features:

1. Downloadable Menu- Make a downloadable PDF format menu and add a button for that on the page. For ease you can
   upload the menu (prepared on canva/any designing site and upload its link there)
2. Add different elements like Carousels, Parallax effect, etc.
3. Use APIs for changeable Menu. This way the Menu items of the Menu can be updated on a regular basis.

Note- Always try to stick to the theme of the website. The website has to be mobile responsive too!

Reference
https://www.ililinyc.com/menus/

Add different elements in the basic layout that are necessary for the Indulge's Contributors Section.

Preferred Features:

1. Use creative bootstrap Cards for this section.
2. Include the GitHub profile links of the contributors and the maintainers of the project.

Task

You are supposed to design a logo for Indulge . Look for designs which are already present for currently running restaurant websites .
(Include logo designs of both - text type and icon type)

Implementation

Tools used : Adobe photoshop , Adobe illustrator, Canva or any other tool convenient to you.
Create designs and share screenshots in comment section
Once finalized create PR

Procedure

Claim this issue: Comment below that you want to work on this issue
Write relevant commit message while making a PR

You need to integrate the finalized logo with the home page of the website.

Add different elements in the basic layout that are necessary for the Indulge's About Section.

Preferred Features:

1. Include the general specifications required for a restaurant's About Page.
2. Add a Review Section.
3. You can add different elements like Carousels, Parallax effect, Cards - (Available on Bootstrap) etc.

Note- Always try to stick to the theme of the website.

Reference
-https://www.ililinyc.com/about/
-About of https://nitin326.github.io/Frontend_Bakery-and-Restaurant-Page_GSBSP-BR33/#footer

Task

You are supposed to design a loading animation for Landing Page . Look for various loading animations online on platforms like Codepen.

Implementation
Tools used : CSS, JQuery, JS or any other tool convenient to you.
Create animations and share gifs/videos in comment section
Once finalized create PR

Procedure
Claim this issue: Comment below that you want to work on this issue
Write relevant commit message while making a PR

References
https://orioniconlibrary.com/

Bootstrap

• https://www.bing.com/videos/search?q=bootstrap+tutorial&&view=detail&mid=826EEE08CA83B992CA46826EEE08CA83B992CA46&&FORM=VRDGAR&ru=%2Fvideos%2Fsearch%3Fq%3Dbootstrap%2Btutorial%26FORM%3DHDRSC3
• https://www.javatpoint.com/bootstrap-tutorial

JavaScript

• https://youtu.be/afSbBjAaqeM
• https://youtu.be/2vbr9f7OVMY
• https://youtu.be/nm44wI6zOSc
• https://youtu.be/vzGzys3enCE

Web Development Basics
-https://www.freecodecamp.org/learn/

Add different elements in the basic layout that are necessary for the Contact Section.

Preferred Features:

1. Include all Social Media Handle links.
2. Also include contact information.
3. Add Enquiry and Feedback forms(As the site does not include backend, do include the mailto property).

Note- Always try to stick to the theme of the website.

Reference
Scroll down through the given reference for the enquiry form.
http://www.sonorestaurant.com.au/portside-wharf/

Task

Contemplate a catchy tagline for the website. It should go with theme and the logos previously finalized.

Procedure

Claim this issue: Comment below that you want to work on this issue
Write relevant commit message while making a PR
Once finalized create PR