epicurean_restaurant's Introduction

Restaurant Web App - Full Stack Project

This repository showcases my skills as a web developer by building a full stack restaurant web app using Next.js, Sanity.io, Stripe, and Tailwind CSS.

Features

Dynamic Pages: Utilizing Next.js for efficient server-side rendering and routing.
Content Management: Managed restaurant data, blog posts, and news articles using Sanity.io content lake.
Responsive Design: Styling and layout crafted using Tailwind CSS, ensuring optimal user experience across devices.
Stripe Integration: Seamless and secure online payments through Stripe checkout.
Blog & News: Engaging blog and news sections to keep users informed and engaged.

Technologies Used

Frontend: Next.js, React, Tailwind CSS.
Database & CMS: Sanity.io.
Payment: Stripe.

Installation

Clone this repository: git clone https://github.com/your-username/restaurant-web-app.git
Navigate to the project directory: cd restaurant-web-app
Install dependencies: npm install
Set up environment variables: Create a .env.local file in the root directory and add the following:

NEXT_PUBLIC_STRIPE_PUBLIC_KEY=your_stripe_public_key
SANITY_PROJECT_ID=your_sanity_project_id
SANITY_DATASET=your_sanity_dataset

Run the development server: npm run dev
Open your browser and navigate to: http://localhost:3000

Usage

Explore the dynamic pages, browse menu items, and experience the responsive design.
Read and manage blog posts and news articles in the Sanity.io content lake.
Test the Stripe checkout process with sample card details.

Acknowledgements

This project was developed as part of my journey as a web developer. Special thanks to the open-source communities of Next.js, Sanity.io, Stripe, and Tailwind CSS. License This project is open-source and available under the MIT License. Design by CodewithSadee. All rights reserved.

Recommend Projects