This is a responsive website built as my second Digital Career Institute (DCI) Web Development Course project using React, React Router Dom and other dependencies.
It provides information about a juices and smoothies startup called Lavie. This website is designed for event organizers to conveniently order gallons of fresh juices and smoothies in large quantities for their events. This platform simplifies the process of selecting and ordering beverages for various occasions.
- React Router DOM: Utilized for routing within the website, enabling smooth navigation between different pages.
- useReducer and Context API: Employed to manage application-level state in a centralized manner, enhancing maintainability and scalability.
- Vite: Used as the build tool to facilitate rapid development and optimize performance.
- Responsive Design: Ensured that the website is accessible and user-friendly across various devices and screen sizes.
- Explore different pages using the navigation bar.
- Browse products and learn more about Lavie's offerings.
- Get in touch through the contact form to inquire or leave feedback.
Click on the link below to see the live demo:
https://lavie-fruit-juices-and-smoothies-website.onrender.com
To run the Lavie Juices and Smoothies website locally, follow these steps:
-
Clone the repository to your local machine:
git clone https://github.com/kworlanyo/Lavie-Fruit-Juices-And-Smoothies-Website.git
-
Navigate to the project directory:
cd lavie-juices-and-smoothies -
Install Dependencies:
npm install
-
Start the development server:
npm run dev
-
Hold Ctrl and Click the localhost url to view the website in the browser.
Jamie Cartwright
Shinhee Chae