Welcome to the repository! This project is a dynamic and modern website for a restaurant, developed using Next.js, React, TypeScript, and Node.js as a backend. 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.
- 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.
- Next.js: React framework for server-rendered React applications, optimizing performance and SEO.
- React: Building interactive and dynamic user interfaces.
- React: strongly typed programming language that builds on JavaScript, giving you better tooling at any scale.
- 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.
- Clone this repository to your local machine.
- Navigate to the project directory:
cd kansha-missouri. - Install the required dependencies:
npm install. - Set up the database configuration in
backend/config/database.js. - Run the backend server:
npm run server. - Navigate to the
frontenddirectory:cd frontend. - Run the frontend application:
npm run dev. - Open your browser and visit:
http://localhost:3000.
Contributions are welcome! Feel free to open a pull request or an issue if you find any bugs or want to suggest improvements.
This project is licensed under the [MIT License].
Developed by Wanda Azhar