ndamatta / funescoc

[Personal Project] Join the biggest Chamber of Commerce in Funes!

Funes Chamber of Commerce
The biggest COC in Funes

🌐 Funes Chamber of Commerce 🌐


This is a personal web development project. All of the code was written in plain HTML, CSS, and vanilla JS, no frameworks were used.
All the media was designed and hand-crafted by myself.

The company Funes Chamber of Commerce is located in Funes, Santa Fe, Argentina. They are one of the biggest chamber of commerce in Funes.
They are focused on growing the business, providing networking opportunities and relationships between chamber members. Currently they hold weekly meetings and have several sponsoring companies.

The contents of each page of the website are described in detail here, along with the techniques I employed and the skills they showcase.

• The navigation menu which collapses into a "hamburger" button on smaller screens, displays my proficiency in responsive design and user experience optimization. The navigation links themselves, leading to different sections of the website, demonstrate my skill in creating functional and intuitive navigation.
  
• The footer presents contact information and copyright details neatly, reflecting my attention to detail and thoroughness in completing a webpage.
  

• The main content area provides valuable information about the Funes Chamber of Commerce, its purpose, and the benefits of joining.
  
• The call-to-action section encourages users to explore the benefits of becoming a member, highlighting my understanding of user engagement techniques.
  
• The meeting banner appears conditionally based on the day of the week (Monday or Wednesday). This interactivity is achieved through JavaScript, showcasing my ability to dynamically show or hide content based on specific conditions, enhancing user engagement.
  
• The news section effectively communicates significant achievements of the Funes Chamber of Commerce, demonstrating my skill in presenting important information in a clear and concise manner.
  
• The weather section likely utilizes JavaScript to fetch data from an external weather API, displaying real-time weather information for Funes. This demonstrates my proficiency in integrating third-party APIs, manipulating JSON data, and presenting it in a user-friendly manner.
  

• The main content provide valuable information about Funes, its population, geography, age distribution, economic profile, educational services, and cultural activities. This indicates my capability to present data in an organized and visually appealing manner, crucial for engaging visitors.
  
• The interactive image gallery shows points of interest in Funes, demonstrating my intention to incorporate interactive design principles. The images are first loaded with a placeholder, and then they will load using a lazy-load method, based on the intersection observer.
  

• The main content showcase information about Chamber-affiliated businesses. This information is presented in two different formats: as a list or in a grid layout using cards. Each business entry includes essential details such as a logo, name, membership level, address, phone number, email, and website. This data is sourced from a JSON file and dynamically displayed using JavaScript.
  

• The main content consists of a well-structured form for joining the Funes Chamber of Commerce. The form collects essential personal and business information, including first name, last name, email, phone number, business name, position, business description, and membership level selection. The different membership levels are shown dinamically with JS. This form is logically organized following the best practices in form design and user-friendly.
  

• The main content features a well-structured contact form. The form collects essential information, including first name, last name, email, membership status, and questions or comments.
• The office hours and POC displays information about the Funes Chamber of Commerce's physical location, office hours, and points of contact are provided. This information adds value to the page by offering visitors practical details for reaching out or visiting the chamber.