At the moment it allows a user to view different tour packages for various countires. This was primarily created as a test to see how storybook, Nextjs, and Material-UI work together.
1. React
I used the React Library to build the user interface for this website.
2. Next.js
I used the Next.js Framework to set-up the routing and website layout for this project.
3. Material-UI
I used Material-UI to enhance the UI/UX.
4. Storybook
I used storybook to build the applications components in an isolated environment.
This site was primarily created to help familiarize myself with storybook and component driven programming. The website fetches data from an array that contains data for each tour in various different countries. I implemented a dynamic page that uses the key as a query in order to display a page for every country.
I learned how to pair Material-UI and storybook to allow for faster compoment driven development. This really helped speed up a lot of the design process and allowed me to keep a clean CSS.
The project is still in development and there are various more things that I'm currently implementing such as fuzzy search, mongodb integration to allow users to book and a test account to allow users to test website functions. The component driven aspect was really enjoyable and helped ensure a solid design.
