About | Layout | Functionalities | My Next Level | Technologies | How to execute | Important links | Author | Suport

💁 About

Happy is an application responsible for bringing happiness to children or young people in need.

Because your main idea is to be an orphanage collector, that is, the more registered orphanages, the greater our variety in transmitting happiness and love to those who need it most.

Now doing good has become even easier and more practical 😁!

---

🎨 Layout

🖥 view

📱 view

👀 GIF

---

🖥 Functionalities

📍 Localize nearby Orphanages:

• The app will show to you the nearby it and you could open with Google Maps, to that creates your route of 😄 to the nearest Orphanage.

🆕 Create new Orphanages

• You could register new Orphanages and fill every information to others know more about it.

ℹ️ Info about the Orphanages

• You could know everything about the Orphanages and How you must prepare yourself to make an awesome visit.

---

🆙 My Next Level

✔️ Save page and Redirect - Issue

• Created a new page to show that Orphanage was saved and redirect to Orphanages page.

⚠ Change the alert to X0popup - Issue

• Used x0popup to show for the user that has not marked an orphange at the map

🗺 Show the current location (City and State) on app - Issue

• Used Geolocation to get a City and State current through of Nominatim 🌍
• If the user block the location, by default the city and state, will be the same as the course (Rio do Sul - Santa Catarina)

🏠 Navigation to home easier - Issue

• Add an icon home for go to the index

👀 Quantity of characters is allowed - Issue

• Show at run time the quantity of characters is allowed, when filling in the field About

📌 Marker in selected fields - Issue

• Show a marker when we select fields

♻ Refactoring - Issue

• Remove the back-end's responsibility to validate the fields (Lat and Lng) at 🌎

☎️ Format Whatsapp - Issue

• Add a formater at Whatsapp field to look better

---

🛠 Technologies

• HTML5
• CSS3
• Java Script
• Banco de 🎲 (Sqlite)
• Leaflet 🍃
• Handlebars 🧔
• Nodemon
• Express
• Cleave ☎
• x0popup ⚠
• Nominatim 🌍

---

👷 How to download and run

# Clone's repository
$ git clone [email protected]:edward-mn/happy-nlw.git

# Access the folder project into your vscode
$ cd happy-nlw

# Install the dependencies
$ npm install

# Execute run the app 
$ npm start

# The server will start in port:5500 - access http://localhost:5500

---

🔗 Important links

• Exchange ideas with the communities: Discord
• Want to participate: Event

Project developed during the NLW - Next Level Week#03 offered by Rocketseat🚀

---

🦹‍ Author

• Edward Moreira
• @edward-mn
• 
• 🚀 Edward Moreira

---

🤝 Show your support

Give a ⭐️ if this project helped you or liked!

---

This README was created with ❤️ by me