Google Map Clone- Travel Companion | NextJs Chakra UI
What you'll learn
- How to create modern UI
- learn how to use Google API & Services
- Learn how to implement Chara UI
- Learn how to convert modern UI into live website
- Learn how to use Hooks in Reactjs
Requirements
- Need some programming knowledge about core fundamentals
Description
Learn how build a react project from the scratch, and configure the Google Cloud API Services in your project. Build the project and deploy it. In this course you will learn about NextJs, Chakra UI & Google Cloud Services.
NextJs : The React Framework for Production
Next.js gives you the best developer experience with all the features you need for production: hybrid static & server rendering, TypeScript support, smart bundling, route pre-fetching, and more. No config needed.
Image Component and Image Optimization
Internationalized Routing
Real Data. Real Performance.
Built-In CSS Support
API Routes
React
React is a free and open-source front-end JavaScript library for building user interfaces based on UI components. It is maintained by Meta and a community of individual developers and companies. React can be used as a base in the development of single-page or mobile applications.
Before we continue, note that Hooks are:
Completely opt-in. You can try Hooks in a few components without rewriting any existing code. But you don’t have to learn or use Hooks right now if you don’t want to.
100% backwards-compatible. Hooks don’t contain any breaking changes.
Available now. Hooks are now available with the release of v16.8.0.
Google Cloud Platform
Google Cloud Platform, offered by Google, is a suite of cloud computing services that runs on the same infrastructure that Google uses internally for its end-user products, such as Google Search, Gmail, Google Drive, and YouTube.
Chakra UI
Chakra UI is a simple, modular and accessible component library that gives you the building blocks you need to build your React applications.
Chapters Covered?
Creating & Configuring NextJs Project
Integrating Chakra UI
Cloning Google Map UI
Integrating Google Map API
Integrating Travel advisor API from Rapid API Services
Integrating Google Places API
Customizing every sing pin over the Map
Who this course is for:
- Students who are will to start their journey as UI developer & Full Stack Developer
Instructor
![Vetrivel Ravi](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 2.9 Instructor Rating
- 5 Reviews
- 102 Students
- 8 Courses
Hi, my name is Vetrivel Ravi, I am a Full Stack Developer and the founder of CodeWithVetri, Working as Full Stack Developer in Qatar. Having 5+ years of experience id Training & as well in Development.
My primary focus is on building Front End Web Applications, REST APIS's Integrations. My skill set include languages like JavaScript, Python, JAVA along with frameworks like Node Js, Django, AngularJs.
do this because I love helping businesses showcase their full potential to the customer through software solutions, may that be a website and anything else. Also, I just love the process of software development, whereby you can take something from an idea to a real product that many can use.