WeatherApp is a friendly web app that helps you check the current weather in a city easily. It's simple to use and gets its weather information from a open public source. You'll see the weather presented in a clear way that everyone can understand. Plus, you can look back at your past searches and sort them by date or city name.
- Frontend and Backend in the different repository (links are provided).
- Clone the repository Client - git clone https://github.com/krishnaprasad45/WeatherApp-Client.git
- Install dependencies using
npm install - Start the development server using
npm run dev. - Note: secret values are protected in .env file, it's not accessible for you, create your own .env and run the project.
- React + Vite
- Tailwind CSS
- TypeScript
- axios -Improved, efficienct and reliable in fetching data from APIs
- lodash - For efficient debounce functionality, delaying function execution until after a specified time interval has elapsed.
- ESLint - (To maintain consistent coding standards and identifies potential errors)
- React Toastify - (For showing pop-ups , messages to the user.)
- React Date Picker - (For date picking, Here date based filtering)
- React.memo: Remembers the previous appearance of a component and skips updates if the props haven't changed.
- useCallback: Saves functions, avoiding recreation of functions on each render.
- useMemo: Saves computational resources by recalculating values only when needed.
- React.lazy: Enables efficient loading of components when they are needed.
- Component Separation: Enhances reusability and facilitates easier loading by breaking down components into smaller, manageable pieces.