herplaces-rank-cities

I want to buid a web app which ranks cities based on how friendly they are for female. Make the web app mobile friendly and with clean design. ###Navbar With name of the app (HerPlaces) A menu with login for users and homw link. Also include a social login with meta and google. ###Hero Explain the value proposition of the app with a female empowerment image on background. ###Searchable list of cities Each city should have a card with shows the name of the city and country. The cards must be in 3 colums in wide screens. The api that contains the list of cities is hosted in this link: https://sheetdb.io/api/v1/etqnucv7a7cag see an example of the API response below: [{"id":"DENT-001","city":"Dental X-ray Film","country":"Spain"},{"id":"DENT-002","city":"Dental Handpiece","country":"Spain"},{"id":"DENT-003","city":"Fluoride Varnish","country":"Spain"},{"id":"DENT-004","city":"Dental Chair Cover","country":"Spain"},{"id":"DENT-005","city":"Dental Gloves (Medium)","country":"Spain"},{"id":"DENT-006","city":"Dental Impression Material","country":"Spain"},{"id":"DENT-007","city":"Dental Floss","country":"Spain"},{"id":"DENT-008","city":"Dental Bibs","country":"Spain"},{"id":"DENT-009","city":"Dental Mirrors (Pack of 5)","country":"Spain"},{"id":"DENT-010","city":"Dental Composite Resin","country":"Spain"},{"id":"DENT-011","city":"Dental Sterilization Pouches (Assorted Sizes)","country":"Spain"},{"id":"DENT-012","city":"Dental Loupes with LED Light","country":"Spain"},{"id":"DENT-013","city":"Dental Extraction Forceps","country":"Spain"},{"id":"DENT-014","city":"Dental Chair Upholstery Kit","country":"Spain"},{"id":"DENT-015","city":"Dental Amalgam Capsules","country":"Spain"}]

Collaborate with GPT Engineer

This is a gptengineer.app-synced repository 🌟🤖

Changes made via gptengineer.app will be committed to this repo.

If you clone this repo and push changes, you will have them reflected in the GPT Engineer UI.

Tech stack

This project is built with React and Chakra UI.

• Vite
• React
• Chakra UI

Setup

git clone https://github.com/GPT-Engineer-App/herplaces-rank-cities.git
cd herplaces-rank-cities
npm i

npm run dev

This will run a dev server with auto reloading and an instant preview.

Requirements

• Node.js & npm - install with nvm