zurri-org / zurri-frontend Goto Github PK

Cool stuff there guys 💪, however, the landing page seems to have a few issues especially on a mobile platform.

1. The logo gets displaced when you scroll down to a height of about >=300px
2. The button is a little too big
3. Is it possible to make the images a little smaller?

Guys i used reactstrap as a library but its bringing this warning below and people are saying that the reactstrap team is still working on it. should we continue using it or we use another library?

Warning: Legacy context API has been detected within a strict-mode tree.
The old API will be supported in all 16.x releases, but applications using it should migrate to the new version.
Please update the following components: Transition
Learn more about this warning here: https://fb.me/react-legacy-context
    in Transition (created by Collapse)
    in Collapse (at NavBar/index.js:24)
    in nav (created by Navbar)
    in Navbar (at NavBar/index.js:19)
    in div (at NavBar/index.js:18)
    in AppHeader (at components/index.js:12)
    in MainApp (at App.js:11)
    in Router (created by ConnectedRouter)
    in ConnectedRouter (created by Context.Consumer)
    in ConnectedRouterWithContext (created by ConnectFunction)
    in ConnectFunction (at App.js:10)
    in Provider (at App.js:9)
    in App (at src/index.js:11)
    in StrictMode (at src/index.js:10)

Routes, Store and Redux

For this task, you are required to implement the booking form on the hotel's page. The design for this is not provided because we do not have a UI/UX person but I hope you get a little creative with it *wink

Build the current project and deplay on Netlify. Change the name to Zurri.netlify.app

Change the Application logo to the one in the design

For this task, you will be required to consume the API from the backend to register a user. The documentation on how to use the API is going to be provided soon.

Design nice looking homepage/landing page for the application

Every page on the application should be responsive to all screen sizes. The content should be well displayed in all situations.

For this task, you are required to implement the sign-in feature for the application. It will involve consuming the API from the backend, details on how will be provided soon.

When a user searches for a particular hotel, they input the name. There could be many hotels with a similar name. A beautiful page should be returned after the search containing the search results. This same page should be applicable for when the user searches for hotels in a specific place say Kampala.
The page may contain dummy data for now as the backend is not yet implemented.

The set up of routing is good but now it needs some fine tuning.
All the links on the navbar should be working, they should be able to redirect to a dummy page for now, just like how it is for the home page currently.

Also the links in the footer possibly, work with @okorie2 please.

• contact us page
• About us page needs more work done
• home page needs work
• footer
• illustrations and images
• seed data
• BOOKING

Develop an about us page from the design.
A user should be able to find everything that shows what we do and the team.

• We can have a FAQS sections for any likely questions
• A teams section
• An about section with a one or two paragraphs about the company.

All this can be done now or very much later when we have more information, but a skeleton template should atleast be drafted

For this task, you are required to implement a search form that a user can use to search for hotels in any region in Uganda. or the user should be able to search for a specific hotel name
The search form should be embedded on the home page and every other page

The links to hotels page and flights page should not require the user to be authenticated to be accessed, this should change

Create the navbar component. This should be adopted from the design

develop the footer component from the design

Implement the home page from the design.

Develop a contact us page from the design

Finish up with the implementation of the home page

The task involves working on the project design. The current design is built with a focus on one hotel, extend it to appropriately reflect the project needs.

Complex but easy to follow.

The number of spaces are inconsistent on some files.

when a user picks a hotel from the hotels' page, they should be able to see all details about it and a nice-looking booking form.
The details about a hotel should be pulled from the api

Implement the hotels page with information from the API

remove the flights form from the homepage and place the hotel's form appropriately