Skip to content

A cocktail restaurant that combines both asthetic design, codes and magic. It depicts my interest in both designs and frontend development.

Notifications You must be signed in to change notification settings

Okekejr/dd-cocktails

Repository files navigation

Okeke&Robles-cocktail-restaurant

The purpose of this website is solely to display my UI/UX designing and Web development skills, it combines resources and ideas from different websites. This website was developed solely by Chukwuebuka Emmanuel Okeke (ME) and it does not intend to promote anything other than my skills. It was developed with Figma, Next.js, Chakra UI and Typescript. This website represents an Idea only and isn't a real place yet. For more information contact my email below.

Installation (for standard modern project) and run project

yarn
yarn next build
yarn run dev

Demo

Navbar:
This contains a custom brand logo, nav links and color mode button that chnages between light and dark mode. Screenshot 2023-02-22 at 13 32 13

Home Page:
This contains hero image section: Screenshot 2023-02-22 at 13 37 56

about section { openning hrs, location etc }: Screenshot 2023-02-22 at 13 38 32

our partners section: Screenshot 2023-02-22 at 13 40 27

contact section: Screenshot 2023-02-22 at 13 39 48

footer { this is on all pages }: Screenshot 2023-02-22 at 13 41 19

Menu Page:
This loads the menu of 3 items at first: Screenshot 2023-02-22 at 13 07 25

each image changes opacity and transforms on hover: Screenshot 2023-02-22 at 13 08 34

each item produces a modal with more information about the item on click: Screenshot 2023-02-22 at 13 07 52

Career Page:
Screenshot 2023-02-22 at 13 25 58

Color Modes:
Choose your fighter haha
( Menu light ) Screenshot 2023-02-22 at 13 42 20

( Menu dark ) Screenshot 2023-02-22 at 13 45 03

Live link

https://dd-cocktails.vercel.app/

Stack

next.js typescript chakra ui

About

A cocktail restaurant that combines both asthetic design, codes and magic. It depicts my interest in both designs and frontend development.

Topics

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published