Fullstack Weather App

This repository contains the code for the Weather App Fullstack project. It is a fullstack application that utilizes React, Firebase, and other dependencies to provide weather-related functionalities.

Getting Started

To get started with the project, follow these steps:

1. Clone the repository to your local machine.
2. Install the required dependencies using npm:

npm install

3. Run the development server:

npm run dev

This will start the development server, and you can access the app in your browser at http://localhost:3000.

Scripts

The following scripts are available for development and building:

• dev: Starts the development server using Vite.
• build: Builds the project for production.
• lint: Lints the source files using ESLint.
• preview: Previews the production build locally.
• host: Starts the development server with a specific host.

Dependencies

The project relies on the following dependencies:

Production Dependencies

• axios: Promise-based HTTP client for making API requests.
• firebase: Firebase SDK for integrating Firebase services.
• formik: Form library for handling form validations and state management.
• js-cookie: Library for handling browser cookies.
• react: JavaScript library for building user interfaces.
• react-dom: React package for DOM rendering.
• react-router-dom: Library for implementing client-side routing in React applications.
• yup: JavaScript schema validation library.

Development Dependencies

• @types/react: TypeScript declarations for React.
• @types/react-dom: TypeScript declarations for React DOM.
• @vitejs/plugin-react: Vite plugin for React support.
• autoprefixer: PostCSS plugin for parsing CSS and adding vendor prefixes.
• daisyui: Utility-first CSS framework for rapid UI development.
• eslint: Pluggable and configurable linter for JavaScript.
• eslint-plugin-react: ESLint plugin for React specific linting rules.
• eslint-plugin-react-hooks: ESLint plugin for React hooks linting rules.
• eslint-plugin-react-refresh: ESLint plugin for React Refresh linting rules.
• postcss: Tool for transforming CSS with JavaScript.
• tailwindcss: Highly customizable CSS framework.
• vite: Fast build tool and development server.

Note

Remember to set up your Firebase credentials and configurations properly for the app to function correctly. Also, check for any environment-specific variables required for Firebase authentication and other services. Make sure to follow security best practices when handling sensitive information.

For any issues or suggestions related to the project, please create an issue ticket or get in touch with the maintainers.

Happy coding!