This is a Next.js project for a travel-related application.
Welcome to the Travware App, a simple yet powerful web application designed to showcase travel-related items. Built with the robust Next.js framework, this app leverages server-side rendering (SSR) for optimal performance and scalability.
- Server-Side Rendering: Utilizes Next.js to pre-render pages on the server, ensuring fast load times and improved SEO.
- Dynamic Item Listing: Items are fetched from a JSON file and displayed on the homepage, complete with name, description, Image and price.
- Real-Time Search: A search bar enables instant filtering of items by name as the user types, enhancing the user experience.
- Responsive Design: The layout adapts seamlessly to both desktop and mobile devices, ensuring accessibility for all users.
- Sorting Capability: Users can sort the item list by price or name, providing a customized view of the products.
- Price Range Filtering: A feature that allows users to filter items within a specific price range to match their budget.
- Shopping Cart Functionality: Users can add items to a shopping cart, review their selections, and proceed to checkout.
- End-to-End Testing: Comprehensive test plans and cases ensure all features perform correctly and reliably before deployment.
First, clone the repo to your local machine using:
git clone https://github.com/MohamedHesham1/my-travware-app
npm install
npm run dev