https://github.com/alexandrecpedro/immersion-alura-gemini

Project developed in Dev Immersion with Gemini, ministered by Alura
https://github.com/alexandrecpedro/immersion-alura-gemini

alura css3 gemini google html5 javascript vercel

Last synced: 1 day ago
JSON representation

Project developed in Dev Immersion with Gemini, ministered by Alura

• Host: GitHub
• URL: https://github.com/alexandrecpedro/immersion-alura-gemini
• Owner: alexandrecpedro
• Created: 2024-09-03T19:55:41.000Z (24 days ago)
• Default Branch: main
• Last Pushed: 2024-09-06T14:11:36.000Z (21 days ago)
• Last Synced: 2024-09-22T16:03:38.517Z (5 days ago)
• Topics: alura, css3, gemini, google, html5, javascript, vercel
• Language: CSS
• Homepage: https://immersion-alura-gemini.vercel.app/
• Size: 104 KB
• Stars: 0
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md

Awesome Lists containing this project

README

        


  
Dev Immersion with Gemini








  








  








 The Project •

 How it works? •

 Technologies •

 Route •

 How to Use








 📓 The Project 

 For sports enthusiasts seeking comprehensive information about their favorite athletes or sports, this application serves as an invaluable resource. It offers a swift and user-friendly means of accessing detailed data.








 💡 How it works? 



  


    Input and search: Enter the desired athlete or sport into the designated search field.

  

  


    Data retrieval: The application conducts a comprehensive search of its extensive database (housed within the dados.js file) to identify pertinent information aligning with your query.

  

  


    Output generation: Upon successful retrieval, the application generates a concise summary, including the athlete's name, a brief description, and a link for additional details. In the absence of matching data, a corresponding message is presented to the user.

  










 🛠 Technologies 

The following tools were used in building the project:



|       Tools       |                    Description                    |              References               |

|:-----------------:|:-----------------------------------------------:|:-------------------------------------:|

|      VS CODE      |                       IDE                          |    https://code.visualstudio.com/     |

|       HTML        |   Underpins the webpage's structure, defining elements such as headings, buttons, and result display areas |    https://developer.mozilla.org/en-US/docs/Web/HTML     |

|       CSS         |   Enhances the aesthetic appeal and layout of the webpage through the application of styles, including color schemes and typography |    https://developer.mozilla.org/en-US/docs/Web/CSS     |

|    JavaScript     |   Serves as the application's programming logic, executing search functions, comparing data, and dynamically updating the user interface |    https://developer.mozilla.org/en-US/docs/Web/CSS     |








  
Frontend

  

  

  

  


  
IDE

  

  









 🔎 Route 

  


    
Part 1 - Starting the project with HTML and CSS | Class 01

    


    
Part 2 - Styling the project with CSS | Class 02

    


    
Part 3 - Creating the database using JavaScript | Class 03

    


    
Part 4 - Implementing the search functionality | Class 04

    


    
Part 5 - Completing the project with GitHub and deployment | Class 05

    


  





🧪 How to use

  


    
Set the development environment at you local computer

    
Clone the repository 

      


        
git clone https://github.com/alexandrecpedro/immersion-alura-gemini

      

    

    
Enter the project directory: 

      


        
cd immersion-alura-gemini

      

    

    
Run the project: 

      


        


          Accessing the application: Navigate to the index.html file and open it using your chosen web browser.

        

        


          Initiating a search: Input the desired athlete or sport into the designated search field to commence a query.