Summarize your project's purpose, problem solved, key features, user benefits, development context, and main technologies used.
Example:
This client-side JavaScript web application provides real-time weather updates for cities worldwide. It simplifies accessing weather information through an intuitive mobile-first interface, allowing users to input a city name and receive data on temperature, humidity, and conditions.
Developed for the [Course Name] course, applying User-Centred Design practices, agile project management processes, integrating a weather API, and Firebase backend services.
Example:
- Real-time weather updates for any city.
- Responsive design for desktop and mobile.
- Displays temperature, humidity, and weather conditions.
Example:
- Frontend: HTML, CSS, JavaScript
- Backend: Firebase for hosting
- Database: Firestore
- API: OpenWeatherMap API
Example:
- Open your browser and visit
http://localhost:3000. - Enter the name of the city in the search bar and press enter.
- View the weather information displayed on the screen.
Example:
project-name/
├── src/
│ ├── index.html
│ ├── style.css
│ ├── app.js
│ └── components/
├── package.json
├── README.md
└── .gitignore
- Your Name - BCIT CST Student with a passion for creating user-friendly applications. Fun fact: Loves solving Rubik's Cubes in under a minute.
- Teammate Name - BCIT CST Student, Frontend enthusiast with a knack for creative design. Fun fact: Has a collection of over 50 houseplants.
Example:
- Weather data sourced from OpenWeatherMap.
- Code snippets for ___ algoirthm were adapted from resources such as Stack Overflow and MDN Web Docs.
- Icons sourced from FontAwesome and images from Unsplash.
Example:
- Currently, the app only supports city-based weather searches.
- Limited to basic weather parameters like temperature, humidity, and conditions.
- The user interface can be further enhanced for accessibility.
Example:
- Add support for location-based weather detection using GPS.
- Implement additional weather parameters like wind speed and UV index.
- Create a dark mode for better usability in low-light conditions.
- Integrate user accounts for saving favorite locations.