Skip to content

๐Ÿš€ Technologies Used: - Next.js: React framework for server-rendered React applications, optimizing performance and SEO. - React: Building interactive and dynamic user interfaces. - Sass - Framer-motion - React-toastify, FontAwesome - Jwt. etc

License

Notifications You must be signed in to change notification settings

wandaazhar007/kansha-hibachi-express

Folders and files

NameName
Last commit message
Last commit date

Latest commit

ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 
ย 

Repository files navigation

Restaurant Website using Next.js, React, And More

Welcome to the Website repository! This project is a dynamic and modern website for a restaurant, developed using Next.js, React, and Node.js. It features an enticing user interface and a seamless browsing experience, all backed by a robust backend built with Node.js, Express, Sequelize, MySQL, and JWT authentication.

Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot Screenshot

Features

  • Explore a mouthwatering menu and discover the culinary delights the restaurant has to offer.
  • User-friendly navigation using React Router DOM for smooth page transitions.
  • Visually appealing UI crafted with the power of React and enhanced with animations from the Framer Motion library.
  • Stay informed with React Toastify notifications for important updates and events.
  • Font Awesome icons add a touch of elegance to the design and improve user interaction.
  • Utilize SASS for easy and organized styling, ensuring a consistent and aesthetically pleasing look.
  • Secure user authentication and authorization powered by JWT, providing a safe and personalized experience.
  • Backend powered by Node.js and Express, with Sequelize as the ORM for efficient database management.

Technologies Used

  • Next.js: React framework for server-rendered React applications, optimizing performance and SEO.
  • React: Building interactive and dynamic user interfaces.
  • Node.js: Runtime environment for server-side JavaScript execution.
  • Express: Fast, unopinionated, and minimalist web framework for Node.js.
  • Sequelize: Promise-based Node.js ORM for MySQL database management.
  • MySQL: Robust and scalable relational database management system.
  • JSON Web Tokens (JWT): Secure authentication method for transmitting information between parties.
  • Font Awesome: Comprehensive icon set and toolkit, enhancing visual elements.
  • React Toastify: Display stylish notifications to keep users informed.
  • SASS: CSS extension language for maintaining clean and organized styles.
  • Framer Motion: Add smooth animations and transitions to elements for an engaging experience.
  • React Router DOM: Dynamic routing for single-page applications, improving navigation.

Getting Started

  1. Clone this repository to your local machine.
  2. Navigate to the project directory: cd restaurant-website.
  3. Install the required dependencies: npm install.
  4. Set up the database configuration in backend/config/database.js.
  5. Run the backend server: npm run server.
  6. Navigate to the frontend directory: cd frontend.
  7. Run the frontend application: npm run dev.
  8. Open your browser and visit: http://localhost:3000.

Contributing

Contributions are welcome! Feel free to open a pull request or an issue if you find any bugs or want to suggest improvements.

License

This project is licensed under the [MIT License].


Developed by Wanda Azhar

About

๐Ÿš€ Technologies Used: - Next.js: React framework for server-rendered React applications, optimizing performance and SEO. - React: Building interactive and dynamic user interfaces. - Sass - Framer-motion - React-toastify, FontAwesome - Jwt. etc

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published