Coder Social home page Coder Social logo

gericht's Introduction

#RESTAURANT LANDING PAGE: GERICHT

Aroma Website

โ˜€ Inspiration

I recently visited a 3 Star Restaurant, the food was great but I fortunately opened there website, a slow unprofessional website came up, which was not updated from 2018. That day, I decided to build a website that looks good, have a great UI and should be responsive at any cost. And here the result is RESTAURANT LANDING PAGE.

โœจ What it does

It has all the necessary information of the restaurant, the menu, the history and also some words from the Chef. Also has the address and contact info of the restaurant.

๐Ÿ›  How we built it

JavaScript : For Making clean UI

ReactJs: For it's awesome features

๐Ÿšง Challenges we ran into

The main challenge came up when I have to fetch data from the file to the webpage, I can do it statically but then there would be no learning, so a lot of documentation, videos help me do that.

๐Ÿ’ช Accomplishments that we're proud of

Finally able to achieve a great Website that works well on all sizes.

Sat for straight 9 hours to complete the project solo.

Didn't lose any hope, even when I was unable to solve the problem.

I just love the UI of the project.

๐Ÿค“ What we learned

Learned and Practice ReactJs- advanced tools and optimized way to work with.

Well, revised my CSS a lot more than I expected.

๐Ÿค” What's next for GERICHT

  • A feature to order food from restaurant via other vendors directly on the website

  • A video of the restaurant

  • Adding A photo gallery

SCREENSHOT:

Aroma Website2

Aroma Website3

Made Reponsive for 3 Sizes:

  • 2000px

  • 1150px

  • 650px

Give A STAR if you like the project

Want to Contribute?

  • Give it a star

  • Fork the repo

  • Work on the feature

  • Add all the things you added in the comments while sending a Pull Request

gericht's People

Watchers

 avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.