Skip to content

edward-mn/happy-nlw

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

54 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

Logo NLW 03 - Happy app

Logo NLW 03 - Happy app

Repository size GitHub last commit License Stargazers Languages used License

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

Computer view at Index - Happy Computer view at Save orphanage - Happy Computer view at Map orphanages- Happy

📱 view

Phone veiw at Index - Happy Phone veiw at Save orphanage - Happy Phone veiw at Map orphanages - Happy

👀 GIF

GIF - Happy


🖥 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


👷 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🚀

Next Level Week 03


🦹‍ Author


🤝 Show your support

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


This README was created with ❤️ by me